在上传图片的时候发现base64数据上传的加载时间有点长。HTTP的multipart/form-data是支持二进制传输的。另外base64理论上也之比原始数据慢三分之一而已。若觉得慢可以在上传的时候对其进行压缩,并且添加loading组件丰富用户体验。
//对base64进行压缩
var dataurl = $('canvas')[0].toDataURL("image/jpeg",0.7);
后面通过post请求将压缩后的base64传到后端即可。
若是使用vue.js的话,可以搭配iView或者elementUI,使用loading组件提供人性化且漂亮的加载动画。可以在上传数据或获取数据的时候增强用户体验。