在javascript中使用datauri渲染图像

Question

我正在尝试使用作为数据uri发送的AJAX加载图像。 只要图像<32kb，一切正常。 一些图像大小约为500 kb。 我做了一些研究，发现IE8只支持使用datauri加载<32kb的图像。

是否有任何解决方法来加载> 32kb的图像或我错过了什么？

Answer 1

数据URI方案

Internet Explorer 8：出于安全原因，Microsoft限制其对某些“不可导航”内容的支持，包括担心嵌入在数据URI中的JavaScript可能无法被脚本过滤器（例如基于Web的电子邮件客户端使用的脚本过滤器）解释。 版本8中的数据URI必须小于32 KiB 。[3]仅支持以下元素和/或属性的数据URI：[4]

• 对象（仅限图像）
• IMG
• 输入类型=图像
• link（数据URI必须是base64编码的）
• 接受URL的CSS声明，例如background-image，background，list-style-type，list-style等。

Internet Explorer 9：Internet Explorer 9没有32KiB限制，允许在更广泛的元素中使用。

Answer 2

是的，使用一些commentring技巧将其作为MHTML服务， 在此处和此处描述。

Answer 3

您可以将图像数据加载到canvas元素中。
对于IE8，您应该看一下如何在IE中使用HTML5 canvas元素？