首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >datauris:在现代浏览器中,PNG和JPEG MIME类型可以互换吗?

datauris:在现代浏览器中,PNG和JPEG MIME类型可以互换吗?
EN

Stack Overflow用户
提问于 2018-01-17 16:04:53
回答 1查看 1.7K关注 0票数 3

我注意到,如果您使用表示JPG或PNG的原始字节的base64字符串,则调用此<B>,然后使用

代码语言:javascript
复制
data:image/png;base64,<B>

代码语言:javascript
复制
data:image/jpeg;base64,<B>

这四个组合都可以工作(我的意思是Chrome将它们呈现出来),这四个组合是原始的png图像,或者是原始的jpeg映像,数据uri使用MIME类型。

为什么会这样呢?jpeg和png的二进制编码是不一样的。我原以为如果<B>是png的原始字节,jpeg datauri将无法呈现,而visa则相反。

EN

回答 1

Stack Overflow用户

发布于 2018-01-21 11:18:21

自1998年8月起,RFC 2397拟议标准 (“数据”网址方案)描述了数据URL:

代码语言:javascript
复制
data:[<mediatype>][;base64],<data>

这个文档并没有真正深入实现细节,比如错误处理。

值得注意的是,媒体类型部分是可选的,默认为7位US中的纯文本:

如果省略了<mediatype>,则默认为text/plain;charset=US-ASCII

现在,从您问题的上下文来看,我假设您实际上是在谈论HTML和<img>标记。src属性中的信息是否来自内联数据URL字符串或HTTP可能是次要的,我怀疑原始二进制数据是由浏览器内的相同例程处理的,而不管其源如何。

您可以通过发送带有常规图像文件的任意Content-Type头来模拟相同的行为。这可以通过配置web服务器、用服务器端语言编写下载脚本或仅仅重命名文件来实现。实际上,您甚至不需要HTML:

简而言之,这一切都与浏览器从万维网的基本设计理念产生的错误条件中恢复的能力有关,这是一种有机的进化。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48305314

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档