How to cancel an image from loading

by

Quick answer

Setting the src attribute of the img tag to an empty string will interrupt the current download, even on Chrome.

###Details
Nowadays most of browsers implemented that out-of-standard mechanism thought in the old answer to programmatically abort the connection. This is not achieved through a protocol request, but with a client-side in-memory operation. Keep in mind that is not a standard behaviour, but most of vendors courtesy. That is, it could not work on every browser.

I’ve prepared a jsfiddle showing this mechanism in action (keep an eye at the network panel of the inspector).

### Old answer (2011)

Your browser asks for that image with a specific HTTP GET request, as specified in HTTP protocol. Once it asks for it, the http server starts the transfer.

So, it is between the browser (as http client) and the http server.

Since http protocol does not take into account the option to abort a transfer, the browser should implement an out-of-standard mechanism to programmatically abort the connection. But since this is not specified in any standard, i think you won’t find any way to do that with javascript or any client side code.

More Related Contents:

  1. Waiting for image to load in JavaScript
  2. Wait for image to be loaded before going on
  3. How to get image size (height & width) using JavaScript?
  4. How to compress an image via Javascript in the browser?
  5. Image preloader javascript that supports events
  6. Change image size with JavaScript
  7. How can I determine if an image has loaded, using Javascript/jQuery?
  8. Javascript: Cancel/Stop Image Requests
  9. execute function after complete page load [duplicate]
  10. How to silently hide “Image not found” icon when src source image is not found
  11. How to save a base64 image to user’s disk using JavaScript?
  12. How to display image with JavaScript?
  13. Using raw image data from ajax request for data URI
  14. JS – get image width and height from the base64 code
  15. How to stretch images with no antialiasing
  16. Adding images to an HTML document with JavaScript
  17. how to clear or replace a cached image
  18. how to sum two numbers from input tag? [duplicate]
  19. JavaScript loading progress of an image
  20. Calculate Position of selected text javascript/JQuery?
  21. Image brightness detection in client side script
  22. Cancel single image request in html5 browsers
  23. Is it necessary to set onload function before setting src for an image object?
  24. IMG SRC tags and JavaScript
  25. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  26. Load external JS from bookmarklet?
  27. Regex JavaScript image file extension [closed]
  28. IIS 7.5 no images css js showing
  29. How should I crop an image at client side using jcrop and upload it?
  30. Images not showing up on PDF created from HTML

Leave a Comment