Javascript 下载属性在保存图像 dataUrl 时不起作用

Question

我正在使用 chrome。

这是我的代码。

var save = document.createElement('a');
save.href = fileURL;
save.download = fileName;
alert(save.download);
save.click();

效果很好，但不会更改图像名称。它保存为“download.png”。

怎么了？

Answer 1

查看 fileURL 和 fileName 设置的内容会有所帮助，但我猜这是您的问题。在 Firefox 和 Chrome 中，您必须使用图像的相对路径。它不适用于远程图像。

MDN说:

In Firefox 20 this attribute is only honored for links to resources with the same-origin.

我已经在 Chrome 和 Firefox 中测试过了，只有当你使用图像的相对路径时它才有效:

 save.href = "images/wonky-download-121938718712348891912.jpg";
 save.download = "coolName.jpg";

我说相对路径是因为使用 mysite.com/image.jpg 无效，而 image.jpg 有效。

更新

whatwg.org说:

In cross-origin situations, the download attribute has to be combined with the Content-Disposition HTTP header, specifically with the attachment disposition type, to avoid the user being warned of possibly nefarious activity.