在 IE 中导航到数据 URI

Question

我有这个极其简单的 HTML：

<a download="red.png"
   href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==">
   Static
</a>

在 Chrome 或 Firefox 中，它会按预期下载 red.png。

在 IE 中，它导航到错误页面。在JSFiddle 上查看。

现在，我知道 IE 不支持 download 属性，这很好。我仍然希望它导航到“文件”，允许用户保存它。相反，它正在导航到错误页面。

有没有办法解决这个问题？ Data URI 在客户端生成；在服务器上创建文件不是一种选择。

---

编辑：MSDN says：

出于安全原因，数据 URI 仅限于下载 资源。数据 URI 不能用于导航、脚本或 填充框架或 iframe 元素。

...我读为“即使所有其他浏览器都支持这一点，我们也不知道该怎么做”。因此，仍在寻找解决方法来下载客户端生成的文件。

Answer 1

由于IE不支持导航到数据URI，也不支持download属性，解决方法是使用navigator.msSaveBlob生成文件并提示用户保存。

功劳归this answer。