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

本文链接：https://blog.csdn.net/kukudehui/article/details/80409522
在做项目的时候，我从后端返回了一个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，使用时要注意！