Question

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

这是我的代码

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

为什么它不起作用？

Answer 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在说谎的内容类型）。

Answer 2

这对我有用..

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