base64编码

 

base64编码

CreateTime--2017年9月26日11:12:04

Author:Marydon

1.用途

  用于界面图片展示,将图片转换为Base64编码一般用于小图片上。

2.好处

  2.1 不再需要去寻找一个保存图片的地方,可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中;
  2.2不仅可以减少图片的请求数量(集合到js、css代码中),还可以防止因为一些相对路径等问题导致图片404错误。

3.用法

  3.1 CSS中使用:background-image: url("data:image/png;base64,...");
  3.2 HTML中使用:
  3.3 在js中使用:document.getElementById('showImg').src = "data:image/png;base64," + "图片转好的base64编码"。

4.举例


你的名字图片使用base64格式展示


  

效果:图片将直接展示在网页上

 

 

 

你可能感兴趣的:(base64编码)