有没有办法在html图像标签中显示位图数据？

Question

有没有办法在HTML元素中显示位图图像数据？

例如，您有一个指向源文件的常规图像，如下所示：

<img src="myImage.png" width="100" height="100" />

有这样的事情：

<img width="100" height="100">
     <data>ABCDEF...</data>
</img>

数据是位图数据还是类似的？如果可能，如果您知道主浏览器是推荐还是支持？

Answer 1

您可以使用data URI：

<img src="data:image/bmp,ABCDEF..." width="100" height="100" />

如果您在base64中编码数据，它可能如下所示：

<img src="data:image/bmp;base64,BASE64DATAGOESHERE..." width="100" height="100" />