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

发布时间:2019-07-11 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了如果它位于一个单独的文件中,如何在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中显示base64编码的图像?全部内容,希望文章能够帮你解决如果它位于一个单独的文件中,如何在HTML中显示base64编码的图像?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。

快乐,其实很简单!比如有我~

关注我升职加薪

标签: