iframe - 奇怪的src - data：image / png - 如何解析它

Question

我看到了这个：

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

这将在html中呈现为真实网址，

这个奇怪的事情是如何起作用的？

Answer 1

它是一个数据URI - https://developer.mozilla.org/en-US/docs/Web/HTTP/data_URIs

他们允许内容创建者在文档中内嵌小文件＆＃34;。 （引自MDN）

Answer 2

这是一个data URI，它是an image, embedded中的URI资源，而不是从external URL.

加载的资源iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAFElEQVQYV2P8DwQMBADjqCKiggAAmZsj5vuXmnUAAAAASUVORK5CYII 对于此sResourceData，

iframe为{{1}}。

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

如果src设置为base64，它会告诉sResourceData参数指定的数据被编码为base64;否则，数据被假定为百分比编码。

了解更多信息请阅读：http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85).aspx