Onclick Image Download Link

Question

I'm trying to create an Onclick image download link, when a user clicks on the link/button he should get an option to download

here is my code below

<form>
<input type="button" value="download" onClick="window.location.href='http://myimagelink.com'"   >
</form>

Why it is not working?

You dont need a form, just a anchor tag and use the image source for the src attribute.. — designtocode, Jul 29 '13 at 08:52
Please write which file you want to give download like. pdf,png.jpeg,doc ..etc. — Prasannjit, Jul 29 '13 at 08:53
Please see this should answer your query - http://stackoverflow.com/questions/6796974/force-download-an-image-using-javascript — Sunil Kumar, Jul 29 '13 at 08:55
who ever has given negative rep ,,, it would be great if you comment why negative rep ...? — Friend, Jul 29 '13 at 08:55

score 1 · Answer 1 · answered Jul 29 '13 at 08:53

That code won't work because you have added an s to the end of window.

You should be using a regular <a href=""> for this though.

To trigger a download instead of causing the image to be rendered in the browser window, you need to use the Content-Disposition HTTP header to mark it as an attachment.

e.g. with Apache configuration:

<IfModule mod_headers.c>
    <FilesMatch "\.jpeg$">
        Header set Content-Disposition "attachment"
    </FilesMatch>
</IfModule>

There is no sensible way to use JavaScript for this (although, I imagine you could use XMLHttpRequest to download the image, generate a data: scheme URI from that, and then set location.href to that URI while lying about the content type).

score -1 · Accepted Answer · answered Jul 30 '13 at 00:11

-1

this worked well for me ..

<a href="http://dummyimage.com/600x400/000/fff.png" download>Download this image</a>

answered Jul 30 '13 at 00:11

Friend

1,326
11
38
62

Onclick Image Download Link

2 Answers2