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

Question

我正在使用 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 图像的图像对象。有人可以给出提示吗？

Answer 1

如果您希望显示图像，以下应该没问题：

aImg.src = YOUR_URL

如果要将其保存到文件中，则应重定向并让浏览器处理其余部分。JS重定向可以如下完成：

window.location.replace(dataURL)

如果您希望浏览器显示“保存文件”的弹出窗口，请查看此链接： http: //muaz-khan.blogspot.in/2012/10/save-files-on-disk-using-javascript-or .html