使用图像数据URI打开新选项卡

Question

首先，我有一个Canvas，我转向dataURL。

获取DataURL后，我将其发送到新窗口。 然后图片显示很棒但是当我尝试右键点击时 - ＆gt;将图片另存为......没有做任何事情。

我尝试使用iFrame或img，我已经遇到了同样的问题

由于

    var dataURI = canvas.toDataURL('image/jpeg');

    var win = window.open();
    win.document.write('<iframe src="' + dataURI  + '" frameborder="0" style="border:0; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%;" allowfullscreen></iframe>');

Answer 1

尝试不使用iframe的情况。它可以下载jpeg个文件：

var image = new Image();
image.src = yourDataURL;            

var w = window.open("");
w.document.write(image.outerHTML);