Download image with JavaScript

by

As @Ian explained, the problem is that jQuery’s click() is not the same as the native one.

Therefore, consider using vanilla-js instead of jQuery:

var a = document.createElement('a');
a.href = "https://stackoverflow.com/questions/17311645/img.png";
a.download = "output.png";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);

Demo

More Related Contents:

  1. Download a file by jQuery.Ajax
  2. Download File Using JavaScript/jQuery
  3. jQuery .animate function not responding properly
  4. Download a file from NodeJS Server using Express
  5. Assign click handlers in for loop
  6. Scroll Automatically to the Bottom of the Page
  7. jQuery ajax success callback function definition
  8. Reload an iframe with jQuery
  9. Finding line-wraps
  10. How to connect HTML Divs with Lines? [duplicate]
  11. Need to cancel click/mouseup events when double-click event detected
  12. Case insensitive jQuery attribute selector
  13. How to uncheck checked radio button [duplicate]
  14. How to blur the div element?
  15. How to Compare two Arrays are Equal using Javascript? [duplicate]
  16. Dynamically create and submit form
  17. What are techniques to get around the IE file download security rules?
  18. AJAX request to local file system not working in Chrome? [duplicate]
  19. javascript: detect scroll end
  20. Get the DOM path of the clicked
  21. Debounce function in jQuery
  22. SVG – click is not a function [duplicate]
  23. Close a div by clicking outside
  24. Chain ajax and execute it in sequence. Jquery Deferred
  25. ToggleClass animate jQuery?
  26. jQuery Datepicker “After Update” Event or equivalent
  27. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  28. Alternative to eval() javascript [duplicate]
  29. Downloading file from ajax result using blob
  30. Create a table in SVG

Leave a Comment