在 JavaScript 中使用 Datauri 渲染图像

render image using datauri in javascript

本文关键字：图像 Datauri JavaScript      更新时间：2023-09-26

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

是否有任何解决方法可以加载> 32kb 的图像，或者我在这里遗漏了一些东西？

数据 URI 方案

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

  • 对象（仅限图像）
  • 图像
  • 输入类型=图像
  • 链接（数据 URI 必须采用 base64 编码）
  • 接受 URL 的 CSS 声明，例如背景图像、背景、 列表样式类型、列表样式等。
Internet Explorer 9

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

是的，使用一些注释技巧将其作为 MHTML 提供，如此处和此处所述。

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

相关文章：