Javascript iframe-weird src-data:image/png-如何解析

我看到了：

<iframe src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAFElEQVQYV2P8DwQMBADjqCKiggAAmZsj5vuXmnUAAAAASUVORK5CYII="></iframe>

这将在html中呈现为真实的url

这个奇怪的东西是怎么工作的

这是一个数据URI-

它们“允许内容创建者将小文件嵌入到文档中”。（引用自MDN）

这是一个数据URI-

---

它们“允许内容创建者将小文件嵌入到文档中”。（引用自MDN）

它是一个

数据URI

，它是一种资源，通常是嵌入

URI

中的图像，而不是从

外部URL加载的图像。

ivborw0kgoaaaansuhueugaaakaaaajcayaaadgkqyqaaafeleqvqyv2p8dwqmbadjqckigaamzsj5vuxmnuaaaasuvork5cyii

是此

iframe

的

sResourceData

什么是sResourceData:资源数据的文本表示形式，其中内容表示为URL允许的字符。不安全字符必须进行百分比编码

如果src设置为base64，则表明sResourceData参数指定的数据编码为base64；否则，假定数据为百分比编码

---

有关更多信息，请阅读：

它是一个

数据URI

，它是一种资源，通常是嵌入

URI

中的图像，而不是从

外部URL加载的图像。

ivborw0kgoaaaansuhueugaaakaaaajcayaaadgkqyqaaafeleqvqyv2p8dwqmbadjqckigaamzsj5vuxmnuaaaasuvork5cyii

是此

iframe

的

sResourceData

什么是sResourceData:资源数据的文本表示形式，其中内容表示为URL允许的字符。不安全字符必须进行百分比编码

如果src设置为base64，则表明sResourceData参数指定的数据编码为base64；否则，假定数据为百分比编码

有关更多信息，请阅读以下内容：