如果它位于一个单独的文件中,如何在HTML中显示base64编码的图像？

Question

我有base64编码的图像.如果我把它正确地放到html中就可以了:

<img src="data:image/png;base64,..."/>

但是,当我将所有base64内容放入一个单独的文件中时,它不会:

<img src="image.base64.txt"/>

我尝试将扩展名更改为.png,但它没有帮助.有任何想法吗？

Answer 1

我相信你不能那样做。第一个语法对应于伪协议（方案）数据：这意味着数据不是从外部的某个地方获取，而是从属性字符串本身获取。由于“数据”一般是二进制，而属性是文本，所以常用base64。

但是，当从页面外部（http 服务器或本地文件系统）获取数据时，数据必须采用原始（二进制）形式。

当然，您可以通过一些 javascript 工作来完成。