var arry = [21, 23, 0, 0, 0, 0, 21, 255, 43, 154, 87, 32, 4, 13, 64, 7, 86, 52, 1, 23, 16, 57, 73, 1];
var str = base64Encode(arry);//转换字符串
console.log(str);
var arry2= base64Decode(str).split(',');
console.log(arry2);//转回数组
function base64Encode(input) {
var rv;
rv = encodeURIComponent(input);//把字符串作为 URI 组件进行编码
rv = unescape(rv);//字符串进行解码
rv = window.btoa(rv);//使用base64编码
return rv;
}
function base64Decode(input) {
rv = window.atob(input);//对base64进行解码
rv = escape(rv);
rv = decodeURIComponent(rv);
return rv;
}
获取到base64,展示在前端页面:
1.支持 PNG、GIF、JPG、BMP、ICO 格式。
2.将图片转换为Base64编码,可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。 这对于一些小的图片是极为方便的,因为你不需要再去寻找一个保存图片的地方。
3.假定生成的代码为"data:image/jpeg;base64, .....",那么你只需要全部复制,然后在插入图片的时候,地址填写这段代码即可。
4.CSS中使用:background-image: url("data:image/png;base64,iVBORw0KGgo=...");
5.HTML中使用:<img src="data:image/png;base64,iVBORw0KGgo=..." />
6.图片转换Base64,无线开发、HTML5、CSS3必备的工具,CSS DataURI Base64 工具。
7.将图片转换成base64编码的,在web网上一般用于小图片上,不仅可以减少图片的请求数量(集合到js、css代码中),还可以防止因为一些相对路径等问题导致图片404错误。
推荐一个图片转为base64,和base64转为图片的工具
http://imgbase64.duoshitong.com/