使用 javascript 下载图像文件的 Safari 浏览器问题答案

【问题标题】：Safari browser issue with downloading image file with javascript使用 javascript 下载图像文件的 Safari 浏览器问题
【发布时间】：2016-08-30 21:26:14
【问题描述】：

我正在尝试使用 javascript 下载 png 图像。

问题：

首先它下载图像实际上会在一个新选项卡中打开供用户下载，但之后每当我点击下载时它都不会下载任何东西。但它在其他浏览器上运行良好，仅 safari 出现问题。

低于我目前所尝试的：

        imgData  = canvas.toDataURL('image/png');
        link = document.createElement('a');
        link.setAttribute('download', projectName+'.png');
        link.setAttribute('target', "_blank");
        link.setAttribute('href', imgData);
        link.click();
        link.remove();

【问题讨论】：

标签： javascript download safari

【解决方案1】：

safari 中标签没有下载属性

您可以使用 FileSaver.js 库。 See how to use?

另一种方法：仅当响应标头中存在 content-disposition 和 content-type 标头时，您才能进行表单提交。

例如：

$('body').append('<from id="fileDownload" action="< URL to download >" method="< HTTP method >" </form>');

$('#fileDownload').submit(); $('#fileDownload').remove();

【讨论】：