Javascript: Cancel/Stop Image Requests

by

I had the exact same issue, when users ‘paged’ quickly through (ajax) search results the browser was still trying to download profile images for every page not just the current one. This code worked for me, called on the paging event just before the new search was run:

//cancel image downloads
if(window.stop !== undefined)
{
     window.stop();
}
else if(document.execCommand !== undefined)
{
     document.execCommand("Stop", false);
}

Essentially it’s like clicking the “Stop” button on the browser.

Tested in IE, FireFox, Chrome, Opera and Safari

More Related Contents:

  1. How to get image size (height & width) using JavaScript?
  2. Resize image with javascript canvas (smoothly)
  3. How to compress an image via Javascript in the browser?
  4. Image preloader javascript that supports events
  5. Using jQuery, Restricting File Size Before Uploading
  6. Change image size with JavaScript
  7. How can I determine if an image has loaded, using Javascript/jQuery?
  8. execute function after complete page load [duplicate]
  9. Dynamically resizing Image-maps and images
  10. Disable dragging an image from an HTML page
  11. Javascript Image Url Verify
  12. Adding images to an HTML document with JavaScript
  13. Open image in new window
  14. how to clear or replace a cached image
  15. Load image from url and draw to HTML5 Canvas
  16. How to parse into base64 string the binary image from response?
  17. How can you determine the file size in JavaScript?
  18. Create an Image of a DIV in JavaScript (GIF/PNG)
  19. Is there a way to load images to user’s cache asynchronously?
  20. Cancel single image request in html5 browsers
  21. Sort by image resolution in gallery
  22. Add image in pdf using jspdf
  23. Wait for image to be loaded before going on
  24. Is it necessary to set onload function before setting src for an image object?
  25. IMG SRC tags and JavaScript
  26. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  27. jQuery, JavaScript, HTML: how to load images after everything else is loaded?
  28. Center an Image vertically and horizontally using CSS
  29. How do I get natural dimensions of an image using JavaScript or jQuery?
  30. How should I crop an image at client side using jcrop and upload it?

Leave a Comment