How to check whether an image is loaded or not ?
While inserting images in HTML pages sometimes the image may fail to load due to:
- Getting the image URL wrong
- poor internet connection
So we may want to check if the image is not loading due to these reasons. To check we can use the below methods
Using attributes of <img> to check whether an image is loaded or not. The attributes we will use are:
- onload: The onload event is triggered when an image is loaded and is executed
- onerror: The onerror event is triggered if an error occurs during the execution
Using the image complete property in HTML DOM
This property returns a boolean value if the image is loaded it returns true else it returns false
Here the variable load checks if the image is loaded or not. If an image is loaded then true is alerted else false is alerted.
- Google Chrome
- Internet Explorer