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

Question

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

例如，您有一个常规图像指向这样的源文件：

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

是否有这样的事情：

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

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

Answer 1

您可以使用数据URI：

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

如果您在base64中对数据进行编码，则可能如下所示：

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