Javascript 上面的代码在chrome和firefox上都运行良好。但在IE中,这不会给出保存弹出框!我应该做什么来支持此代码??
首先,将生成的数据URL添加到Javascript 上面的代码在chrome和firefox上都运行良好。但在IE中,这不会给出保存弹出框!我应该做什么来支持此代码??,javascript,html5-canvas,png,Javascript,Html5 Canvas,Png,首先,将生成的数据URL添加到的href属性中,我成功地使用了这种方法 基本上你用这个。 然后从base64字符串生成blob数据。 我结束这个问题是因为有其他的方法 您可以使用上面的github作为参考。你会有一个好主意的IE不支持锚上的下载属性。作为一种解决方法,您可以在IE中使用Eli Grey的FileAverJS:链接本身并不是答案。你应该详细说明。 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...." cla
的href
属性中,我成功地使用了这种方法
基本上你用这个。
然后从base64字符串生成blob数据。
我结束这个问题是因为有其他的方法
您可以使用上面的github作为参考。你会有一个好主意的IE不支持锚上的
下载
属性。作为一种解决方法,您可以在IE中使用Eli Grey的FileAverJS:链接本身并不是答案。你应该详细说明。
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...." class="image" />
<a href="data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUg....">Download</a>
<a download="image.png" href="...">
<a href="data:application/octet-stream;headers=Content-Disposition%3A%20attachment%3B%20filename=image.png;base64,iVBORw0KGgoAAAA">
<a id="dl" download="Canvas.png">Download Canvas</a>
function dlCanvas() {
var dt = canvas.toDataURL('image/png');
this.href = dt;
};
dl.addEventListener('click', dlCanvas, false);
function dlCanvas() {
var dt = canvas.toDataURL('image/png');
this.href = dt.replace(/^data:image\/[^;]/, 'data:application/octet-stream');
};
dl.addEventListener('click', dlCanvas, false);