为什么可以使用“image/jpeg”数据URL展示一个base64编码的PNG图像？

Question

为什么可以使用“image/jpeg”数据URL展示一个base64编码的PNG图像？

6

以下是一个以base64编码的PNG数据URL的示例（当然使用的是“image/png”数据类型）：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAAA1UlEQVQ4T62SsQ0CMQxFUzAEA1BQMgIlI1zJCIxAT0HJCBSUlFdQMAQlJWOE78hnObYDIuJLTzr/+/5FkpRz/guh2UM9pLQBWzDXvgVacG4lngncAH08QFgGLcEL0LAX34ROHCBcGaRLiEH+meAMXDhESBlkS3bVrh6KEZetQbOk7FmjmL5M40rKTmQSEJVdeXlCDtcSmgRkz4Ro32Zo+pK7+g7LqqEYjduBjsrzT6Mavl3xhzIJcXDkEBHfTl3WfNln8ARhyQR0sDkX6iU0ewjN38npDdYczGIKuRnZAAAAAElFTkSuQmCC

我注意到（在Firefox和Chrome中），即使数据类型设置为“image/jpeg”（并且其他所有内容都不变），事情仍然可以正常工作，如下所示：

data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAAA1UlEQVQ4T62SsQ0CMQxFUzAEA1BQMgIlI1zJCIxAT0HJCBSUlFdQMAQlJWOE78hnObYDIuJLTzr/+/5FkpRz/guh2UM9pLQBWzDXvgVacG4lngncAH08QFgGLcEL0LAX34ROHCBcGaRLiEH+meAMXDhESBlkS3bVrh6KEZetQbOk7FmjmL5M40rKTmQSEJVdeXlCDtcSmgRkz4Ro32Zo+pK7+g7LqqEYjduBjsrzT6Mavl3xhzIJcXDkEBHfTl3WfNln8ARhyQR0sDkX6iU0ewjN38npDdYczGIKuRnZAAAAAElFTkSuQmCC

但是...为什么？

- danicotra

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- wizzwizz4 · Accepted Answer

他们都在使用图像处理子系统，该子系统忽略mime类型并只使用图像的实际格式。

具体来说，大多数浏览器会将图像的查看转换为带有 <img> 标签的 HTML 网页。由于服务器会发生错误而浏览器通常能够显示即使是糟糕配置的网站，因此浏览器中处理图像的部分在大多数情况下完全忽略扩展名或MIME类型。没有必要为 data: URI编写异常程序。