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

时间:2013-11-09 07:52:36

标签: html html5 dom

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

1 个答案:

答案 0 :(得分: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