如何将页面上的图像对象作为html文件下载？

我正在使用dataURL在页面上动态创建图像

    var aImg = document.createElement('img');
    aImg.setAttribute('src', dataURL);
    aImg.setAttribute('alt', 'pic');
    aImg.setAttribute('width', '438px');
    aImg.setAttribute('height', '267px');
    aImg.onclick = (function() {
         //download the image object
    })();

我不知道如何下载这个PNG图像对象。

---

有人能给你一些提示吗？

如果你想让图像显示出来，下面的内容应该可以：

aImg.src = YOUR_URL

如果你想把它保存到文件中，你应该重定向并让浏览器处理剩下的部分。JS重定向可以按如下方式进行：

window.location.replace(dataURL)

---

如果您希望浏览器弹出“保存文件”的弹出窗口，请查看此链接：

您的具体问题是什么？数据URL已包含数据，因此无需从服务器下载任何内容。如果希望图像可见，则需要将其插入页面中。此外，这里没有理由使用

.setAttribute（）

。您可以直接引用属性，例如

aImg.src=dataURL

您的意思是在浏览器显示图像时“下载”，还是“下载”，将datURL转换为常规文件并保存到用户的硬盘驱动器？@DanGoodspeed是的，我希望用户将图像作为图像文件保存在磁盘上