看一看：Php+layui上传Base64编码图片

一．引入上传插件资源网的最新消息可以到我们平台网站了解一下，也可以咨询客服人员进行详细的解答！

('',(){


=;


I=({


:'#I'触发事件元素


,:这里的请求没啥作用，我只是不想让它报接口异常提示，写的临时接口（不做处理的）


,:||


,:


,:0


,){


预读本地文件示例，不支持8


((,,){


$()('',);图片链接（64）


=$('#B');


B64(,,2,0,,(64){


$('#')(64)





={


:'',


:'',


64:64,


:0


}





});





});


}


,){


上传成功





}


,){


}


});


})





二．将文件转换成64并压缩图片大小


B64(,,,,,){


((+)6){


=FR()


ADURL()


=(){


=I()新建一个标签（还没嵌入DOM节点)


=


=(){


=E('');


=C('2');


W=;压缩后图片的大小


H=;


=W


=H


I(,0,0,W,H)


64=DURL('',);图片质量


压缩完成


$()('',64);


=64(^:\\+;64,,);


=();


=AB();


=U8A();


(=0;;++){


[]=CA();


}


=B([],{


:''


});


('压缩后的图片大小',);


((+)6!=1){超过1MB重新按比例3压缩一遍


B64(,,3,1,(){


()


})


}{


()


}


}


}


}{


$()('',);


((^:\\+;64,,))


}


}


效果如图：

提交后：


图片将以64编码提交到后台：










、在后台我们可以将64图片转换成图片


**64转图片*


64($64,$){


$N=$'';图片称


$=U;图片路径


$=?'':'';


(!_($$)){判断目录是否存在不存在就创建


($$,77,);





}


$S=$$N;





($$S);;


(__($$S,64_($64))){


($S);


$=S\U();





(_($$S)){


$=__($$S);


$=$-I(''$N,$);上传到阿里云


$='阿里云'$N;返回存储在阿里云的地址


($$S);删除本地图片


}





$;


}








}


或者不转换成图片直接数据库中保存64编码当时复杂的图片64的编码很长，数据库字段长度要足够大


四、在中显示64图片