Ad
What Is The Best Way To Handle: Onload Not Being Triggered For Images With Size Zero In JavaScript?
To make sure an image is load on our page and then proceed to the next state, we have used the onload
method as mentioned here:
image = new Image();
image.onload = function(){
// go to the next state
};
image.src = image_url;
The issue is the event is not triggered for images with size zero and as a result the page stays in the halt mode and does not progress to the next state.
What is the best way to handle the issue with onload
function not being triggered for images with size zero?
Related questions:
Ad
Answer
If you want your process to proceed when the image either finishes loading or fails to load, you can add your event handler to the .onerror
event:
var image = new Image();
image.onload = image.onerror = function () {
// go to the next state
};
image.src = image_url;
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad