可点击的图片，另存为选项

Question

我的网站上有图片。我想创建一个功能，如果用户点击该图像保存为窗口，并且可以保存图像。

我写了这样的话：

<a href="/foto1.png" target="_blank">
   <img src="/foto1.png" alt="" />
</a>

它可以工作但打开新选项卡直到用户点击保存或关闭保存为窗口。是否有可能摆脱新标签？

感谢您的任何建议

Answer 1

我会更改你的标记，并将你想要保存的所有图像包含在一个容器中，但这只会在IE中使用，我恐怕会这样：

<div id="imagesToSave">
    <a href="/foto1.png" target="_blank">
       <img src="/foto1.png" alt="" />
    </a>
</div>

然后使用jquery使用此代码：

$('#imagesToSave img').click(function(){
    document.execCommand('SaveAs',true,'file.html');
});

对于其他浏览器，您显然希望通过Craig Stuntz来考虑这一点：

超链接到img文件并在服务器响应中设置content-type和content-disposition标头。试试，例如，application / x-download，以及此处指定的其他标题。

祝你好运