Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上面的代码在chrome和firefox上都运行良好。但在IE中,这不会给出保存弹出框!我应该做什么来支持此代码??_Javascript_Html5 Canvas_Png - Fatal编程技术网

Javascript 上面的代码在chrome和firefox上都运行良好。但在IE中,这不会给出保存弹出框!我应该做什么来支持此代码??

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

首先,将生成的数据URL添加到
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);