Onclick图像下载链接

时间:2013-07-29 08:50:19

标签: php javascript jquery html

我正在尝试创建一个Onclick图像下载链接,当用户点击链接/按钮时,他应该可以选择下载

这是我的代码

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

为什么它不起作用?

2 个答案:

答案 0 :(得分:1)

该代码无效,因为您已在s的末尾添加了window

尽管如此,你应该使用常规的<a href="">

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

e.g。使用Apache配置:

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

没有明智的方法可以使用JavaScript(尽管如此,我想你可以使用XMLHttpRequest下载图像,从中生成data:方案URI,然后将location.href设置为该URI在说谎的内容类型)。

答案 1 :(得分:-1)

这对我有用..

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