How to make the Save as Dialog box in html design help with Javascript.
I have one img tag and I would like to save the image to local drive via button click.
Thanks
Asked
Active
Viewed 1,700 times
0
-
1check thi [answer](http://stackoverflow.com/a/7952401/3168859) – Lal Jan 03 '15 at 17:40
-
I would like to open the dialog box to choose the folder to save the img. But above the link is download the img. – Maninblack Jan 03 '15 at 17:45
-
see this [fiddle](http://jsfiddle.net/lalu050/3EjUg/85/) of mine..is this what you want??? – Lal Jan 03 '15 at 17:48
-
NO. I want to save that cat image to my local folder. e.g: d:/my image/ that cat image. – Maninblack Jan 03 '15 at 17:51
-
Put the save button and if we click the save button, save as dialog box should open to select the local drive and save the image. – Maninblack Jan 03 '15 at 17:55
-
you can select the local drive from the popup right...in my fiddle.. – Lal Jan 03 '15 at 17:56
-
This question appears to be off-topic because it is about a browser setting, not something that can be controller by the web site. – Andrew Barber Jan 04 '15 at 01:53
1 Answers
1
See this fiddle
You can use
<a href="your_image.jpg" download="/path/to/image"> Download This Image</a>
eg:
<a href="myimage.jpg" download="images/gallery/1.jpg">Download This Image</a>
Lal
- 14,726
- 4
- 45
- 70
-
This attribute is not supported in IE. You can see if the support is enough for your case: http://caniuse.com/#feat=download – Sampsa Jan 03 '15 at 17:58
-
in that case i think its difficult to do just with javascript..we should try a server-side scripting language like php.. – Lal Jan 03 '15 at 18:01
-
@Lal Really appreciate your help. I am using the Chrome. I would like to save the image to local drive by choosing the folder form the dialog box. you just right click on the image and choose save as image. one dialog box will show right. thats what am expecting when click the button. – Maninblack Jan 03 '15 at 18:03
-
-
-
-
@Lal I think your dialog pops out only if you don't have the default download directory in your browser.. Because I can't see it as well – m_pro_m Jan 03 '15 at 18:51
-
OMG its working well for me..in chrome..in which are you testing @m_pro_m ??? – Lal Jan 03 '15 at 18:52
-
But from my side, the image download when click the download button. – Maninblack Jan 03 '15 at 19:23
-
You too testing in chrome???i think these are broeser settings..in firefox it just downloads to the default downloads folder..i dont think that can be changed – Lal Jan 03 '15 at 19:25
-
-
See this [link](https://github.com/kaepora/miniLock/issues/174)..it addresses that issue.. – Lal Jan 03 '15 at 19:29
-
i just disable the default download in chrome and firefox. not it is asked to save to location :), – Maninblack Jan 03 '15 at 19:32