通过超链接下载img< a>在IE11中使用javascript [英] download img throught hyperlink <a> in IE11 using javascript
本文介绍了通过超链接下载img< a>在IE11中使用javascript的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
以下代码适用于Google Chrome，但适用于IE11。
The following code works well for Google Chrome but not for IE11.
<!DOCTYPE html>
<html>
<head>
<title>title</title>
</head>
<body>
<img id="img1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAASUlEQVRo3u3PAQ0AIAwDsIGC+TcL
LkhOWgddSU6Ga5udT4iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIi8cQEjUgGT
mE6z3QAAAABJRU5ErkJggg==" />
<script>
var a = document.createElement('a');
var image = document.getElementById('img1');
a.setAttribute('href', image.src);
a.setAttribute("download", 'fileName');
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
</script>
</body>
</html>
当我在IE11中运行此代码时，我收到消息：你想允许这个网站吗？在你的计算机上打开一个应用程序？
When I run this code in IE11 I've got message: "Do you want to allow this website to open an app on your computer?"
点击允许后我得到没有安装应用程序来打开这种类型的链接（数据）
After clicking "Allow" I've got "No apps are installed to open this type of link (data)"
如何让它在IE11中运行？
How to make it work in IE11?
推荐答案
这个是有用的对于IE10 +： http://msdn.microsoft.com /en-us/library/hh779016(v=vs.85).aspx
This one is usefull for IE10+: http://msdn.microsoft.com/en-us/library/hh779016(v=vs.85).aspx
类似于：
<!DOCTYPE html>
<html>
<head>
<title>title</title>
</head>
<body>
<img id="img1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAASUlEQVRo3u3PAQ0AIAwDsIGC+TcL
LkhOWgddSU6Ga5udT4iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIi8cQEjUgGT
mE6z3QAAAABJRU5ErkJggg==" />
<canvas id="canvas1"></canvas>
<script>
var image = document.getElementById('img1');
var canvas = document.getElementById('canvas1');
var ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0, image.width, image.height);
window.navigator.msSaveBlob(canvas.msToBlob(), 'drawingFileName.png');
</script>
</body>
</html>
这篇关于通过超链接下载img< a>在IE11中使用javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
