如何在HTML中为移动页面创建图像下载链接？

Question

我有一个包含图像的移动html页面.我想创建一个用于下载图像的按钮或链接.然后应将图像保存到用户移动图像库.

我看过这篇文章:如何在html中创建下载链接？

解决方案

<a href="link/to/your/download/file" download="filename">Download link</a>

正在桌面浏览器中工作,但不在移动设备上.

这是我制作的JSFiddle:http://jsfiddle.net/tDVqH/4/

注意:图像是在浏览器中创建的,即在HTML5 canvas元素中创建.可以使用canvas.toDataUrl()生成此图像.生成的图像应保存到移动图像库中.

如何通过点击/点击将图像保存到用户移动图库？是否有一个JavaScript解决方案没有带有未知头的ser往返？

编辑:我也发现了以下问题,但他们没有答案.通过单击移动浏览器中的链接或按钮并从浏览器将图像保存到手机库,将图像从网站保存到本地文件夹

Answer 1

支持下载属性： http: //caniuse.com/download

如果您可以选择，您可以在服务器上设置标头。您要发送的HTTP标头是Content-Disposition：附件；文件名=“图像名.jpg”。

取决于您的服务器而有所不同。

在节点/Express 中：

// only on imgs
function(req, res){
    res.setHeader('Content-disposition', 'attachment; filename=imagename.jpg');
}

在 HTML 中：

<a href="imagename.jpg">Download link</a>

服务器收到文件请求时会发送 Content-Disposition 标头并强制浏览器下载。