如何使用 javascript 将 New Image() 的名称添加到页面？

问题描述

我正在使用 javascript 向页面添加图像，就像这样...

 var img = new Image();
 img.src = dataUrl;
 document.body.appendChild(img);

在 Chrome 上，如果我右键单击图像并保存它，Chrome 会自动将其命名为 download.png 在 Firefox 上，它被称为 index.png。我想自动将其命名为我指定的名称。有什么我可以添加到代码中的东西，比如 img.name = "MyImage.png" ？

解决方法

HTML5 有这样的用法。

<a href="/path/to/image.jpg" download="file-name.jpg">

您必须为图像元素定义一个名为“download”的属性。

img.setAttribute('download','file-name.jpg');