使用javascript在IE11中通过超链接<a>下载img

Question

使用javascript在IE11中通过超链接<a>下载img

314*_*926 5 javascript hyperlink internet-explorer-11

以下代码适用于Google Chrome,但不适用于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>

Run Code Online (Sandbox Code Playgroud)

当我在IE11中运行此代码时,我收到消息:"您是否要允许此网站在您的计算机上打开应用程序？"

单击"允许"后,我"没有安装任何应用程序来打开此类链接(数据)"

如何使它在IE11中工作？

Answer 1

314*_*926 8

这一个是对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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	11 年，7 月前
查看次数：	7025 次
最近记录：	11 年，7 月前