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

前端之家收集整理的这篇文章主要介绍了如果它位于一个单独的文件中,如何在HTML中显示base64编码的图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有base64编码的图像.如果我把它正确地放入html它的工作原理:
<img src="data:image/png;base64,..."/>

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

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

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

解决方法

您需要发送正确的Content-type,Content-encoding和charset HTTP标头以及该文件.请注意,它们都是数据的一部分:URI模式.你应该在内容类型和编码之间有一个charset = utf-8或类似的子句:
url(data:image/png;charset=utf-8;base64,...);

猜你在找的HTML相关文章