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

在做项目的时候,我从后端返回了一个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,使用时要注意!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,803评论 1 45
  • 楼主总结了一些关于前端面试时技能点的知识点:里面的知识都是从互联网上找到的。 1、熟练使用HTML/CSS,能够手...
    jianghu000阅读 1,167评论 0 3
  • 1.一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍...
    55lover阅读 657评论 0 6
  • 我,土生土长的柳州本地人,目前正在武汉读书。 emmm人物背景交待完了,就来介绍一下今天的主人公吧!先来一张最美证...
    一只小美好阅读 1,284评论 21 12
  • 2019年,冬。 这是一个神奇的故事。 当西城的于随之正准备解开衣服奶孩子时,久违的电话铃声响了起来,还在襁褓中的...
    何子满阅读 324评论 0 2