我正在尝试创建一个Onclick图像下载链接,当用户点击链接/按钮时,他应该可以选择下载
这是我的代码
<form>
<input type="button" value="download" onClick="window.location.href='http://myimagelink.com'" >
</form>
为什么它不起作用?
答案 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>