美文网首页
前端 img标签显示 base64格式的 图片

前端 img标签显示 base64格式的 图片

作者: 奔跑的丸子129 | 来源:发表于2019-04-22 09:58 被阅读0次

记录一下方便自己查询:

<img src="data:image/jpeg;base:64,这里写上你的base64码"/>
<img src='data:image/png;base64,这里写上你的base64码>

后来查看资料发现还有其他相关的用法,总结如下
后来又找了相关用法,总结如下:

    data:,文本数据

    data:text/plain,文本数据

    data:text/html,HTML代码

    data:text/html;base64,base64编码的HTML代码

    data:text/css,CSS代码

    data:text/css;base64,base64编码的CSS代码

    data:text/javascript,Javascript代码

    data:text/javascript;base64,base64编码的Javascript代码

    data:image/gif;base64,base64编码的gif图片数据

    data:image/png;base64,base64编码的png图片数据

    data:image/jpeg;base64,base64编码的jpeg图片数据

    data:image/x-icon;base64,base64编码的icon图片数据

但是这种方法不兼容IE6/7,使用时要注意!

相关文章

网友评论

      本文标题:前端 img标签显示 base64格式的 图片

      本文链接:https://www.haomeiwen.com/subject/nbbegqtx.html