点击图片可在移动浏览器中触发下载

Question

我尝试添加一项功能，该功能允许用户单击缩略图并将原始图片从其浏览器下载到他们的计算机或手机中。

我已经在桌面浏览器上使用<a href="source" download></a>成功完成了此操作。

但是，这不适用于ios Safari等移动浏览器应用程序。

有人知道如何为移动浏览器实现此功能吗？
还是可以使用？
我真的需要一些帮助，谢谢...

注意：

图像完全来自前端。

过程类似于：
1.有人上传图片
2.函数将图像打印到canvas
3.使用canvas API上下文添加文本
4.从画布输出到图像源
5.下载源代码（此步骤为问题）

Answer 1

您应该设置atr下载的名称。

<a href="source" download="test.png"></a>

注意图像来源。如果您使用来自子域或其他域的图像，则将无法使用。我认为，出于安全性考虑，新更新中的浏览器不允许直接从其他来源下载。 我还将“允许来源”设置为网站标头中的子域，但不起作用。

因此解决方案是： 在图片请求的标头中使用此标记。这是我在asp.net中使用的示例

this.Response.AddHeader("Content-Disposition", "attachment; filename=\"" + dname + extention + "\"");