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格式展示

　　

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

 

 

 

转载于:https://www.cnblogs.com/Marydon20170307/p/7595826.html