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

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

作者: 忍不住的k | 来源:发表于2018-09-06 10:40 被阅读0次

在做项目的时候,我从后端返回了一个base64格式的图片文件,想把它渲染在前端页面上,找了一下午都没有找到办法,最后终于找到了资料!哈哈!

解决办法就是这样


QQ截图20180906103848.png

后来又找了相关用法,总结如下:

    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/qfwtgftx.html