Detect when an image fails to load in JavaScript

by

You could try the following code. I can’t vouch for browser compatibility though, so you’ll have to test that.

function testImage(URL) {
    var tester=new Image();
    tester.onload=imageFound;
    tester.onerror=imageNotFound;
    tester.src=URL;
}

function imageFound() {
    alert('That image is found and loaded');
}

function imageNotFound() {
    alert('That image was not found.');
}

testImage("http://foo.com/bar.jpg");

And my sympathies for the jQuery-resistant boss!

More Related Contents:

  1. How to get image size (height & width) using JavaScript?
  2. How to compress an image via Javascript in the browser?
  3. Image preloader javascript that supports events
  4. Using jQuery, Restricting File Size Before Uploading
  5. execute function after complete page load [duplicate]
  6. Dynamically resizing Image-maps and images
  7. Disable dragging an image from an HTML page
  8. Javascript Image Url Verify
  9. Adding images to an HTML document with JavaScript
  10. Open image in new window
  11. how to clear or replace a cached image
  12. Load image from url and draw to HTML5 Canvas
  13. How to parse into base64 string the binary image from response?
  14. How can you determine the file size in JavaScript?
  15. Create an Image of a DIV in JavaScript (GIF/PNG)
  16. Is there a way to load images to user’s cache asynchronously?
  17. Cancel single image request in html5 browsers
  18. Sort by image resolution in gallery
  19. Add image in pdf using jspdf
  20. Wait for image to be loaded before going on
  21. Is it necessary to set onload function before setting src for an image object?
  22. IMG SRC tags and JavaScript
  23. Using javascript to print images
  24. How to bind img src to data in Vue
  25. Center an Image vertically and horizontally using CSS
  26. How to get HTTP status code of tags
  27. canvas- Cropping images in different shapes
  28. Remove selected file(s) before upload with Javascript
  29. Compare two Images in JavaScript
  30. Crop image white space automatically using jQuery

Leave a Comment