Sometimes, we want to force the browser to download image files on click with JavaScript.
In this article, we’ll look at how to force the browser to download image files on click with JavaScript.
How to force the browser to download image files on click with JavaScript?
To force the browser to download image files on click with JavaScript, we create a link.
For instance, we write
const link = document.createElement("a");
link.href = "images.jpg";
link.download = "Download.jpg";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
to call createElement to create a link.
Then we set its href property to the image URL.
We set its download property to the file name.
Then we call click to click the link to download the image.
Conclusion
To force the browser to download image files on click with JavaScript, we create a link.
