base64码转图片

标签：back   上传   需要   相对路径   htm   uri   文件   html5   web   

1将图片转换为Base64编码，可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的，因为你不需要再去寻找一个保存图片的地方。

2.假定生成的代码为"data:image/jpeg;base64, ....."，那么你只需要全部复制，然后在插入图片的时候，地址填写这段代码即可。

3.CSS中使用：background-image: url("data:image/png;base64,iVBORw0KGgo=...");

4.HTML中使用：<img src="data:image/png;base64,iVBORw0KGgo=..." />

5.图片转换Base64，无线开发、HTML5、CSS3必备的工具，CSS DataURI Base64 工具。

6.将图片转换成base64编码的，在web网上一般用于小图片上，不仅可以减少图片的请求数量（集合到js、css代码中），还可以防止因为一些相对路径等问题导致图片404错误。

看下面示例效果：

base64码转图片

标签：back   上传   需要   相对路径   htm   uri   文件   html5   web   

原文地址：http://www.cnblogs.com/webcong007/p/6832109.html