2013-07-29 41 views
-3

荫试图创建一个onclick图像下载链接,当用户点击链接/按钮,他应该得到一个选项来下载的onclick图片Downlod链接

这里是低于

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

不是我的代码当然,为什么它没有任何想法来解决这个问题?

+0

你不需要一种形式,只是一个锚标记,并使用图像源的src属性.. – designtocode

+0

请写下你想给下载的文件喜欢。 pdf,png.jpeg,doc ..等等。 – Prasannjit

+1

请看这应该回答你的查询 - http://stackoverflow.com/questions/6796974/force-download-an-image-using-javascript –

回答

-1

这个工作很适合我..

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

1

该代码不起作用,因为您已将s添加到window的末尾。

你应该使用一个普通的<a href="">

要触发下载而不是使图像在浏览器窗口中呈现,您需要使用the Content-Disposition HTTP header将其标记为附件。

例如与Apache的配置:

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

有使用JavaScript这个(虽然,我想你可以使用XMLHttpRequest下载图像,生成一个data:方案URI,然后设置location.href到URI没有明智的方法同时讲述内容类型)。