背景
-
前两天在做图片上传的功能优化,发现了一个效果比较好的
JQuery
插件(H5移动前端图片批量压缩上传),看其中的介绍是使用了base64
编码的方式进行上传 -
个人在使用过程中,做了简单处理,只需向后台传输
base64
编码数据即可,然后后台进行处理,下面主要介绍我的操作流程,可做参考.
一. 前端处理
①. js 代码修改
-
本着不做过多更改的原则,在处理好页面布局后,我只是修改了源代码中的
upload()
方法.
处理目的:
将获取的
base64
编码传到后台,如果后台顺利处理完毕,会返回它的存储路径,然后我进行了多图片存储路径在页面上(隐藏域)的拼接,方面后面提交后的数据库数据存储如果没有成功,则会返回错误提示信息
// 图片上传,将base64的图片转成二进制对象,塞进formdata上传 function upload(basestr, type, $li) { var text = window.atob(basestr.split(",")[1]); var buffer = new Uint8Array(text.length);