我正在尝试创建一个 Onclick 图像下载链接,当用户单击链接/按钮时,他应该可以选择下载
这是我下面的代码
<form>
<input type="button" value="download" onClick="window.location.href='http://myimagelink.com'" >
</form>
为什么它不工作?
我正在尝试创建一个 Onclick 图像下载链接,当用户单击链接/按钮时,他应该可以选择下载
这是我下面的代码
<form>
<input type="button" value="download" onClick="window.location.href='http://myimagelink.com'" >
</form>
为什么它不工作?
该代码将不起作用,因为您已s
在window
.
不过,您应该<a href="">
为此使用常规。
要触发下载而不是在浏览器窗口中呈现图像,您需要使用HTTP 标头将其Content-Disposition
标记为附件。
例如使用 Apache 配置:
<IfModule mod_headers.c>
<FilesMatch "\.jpeg$">
Header set Content-Disposition "attachment"
</FilesMatch>
</IfModule>
没有明智的方法可以为此使用 JavaScript(尽管我想您可以使用 XMLHttpRequest 来下载图像,data:
从中生成一个方案 URI,然后location.href
在对内容类型撒谎时设置为该 URI)。
这对我来说效果很好..
<a href="http://dummyimage.com/600x400/000/fff.png"
download>Download this image</a>