1、资源分块
首先是选择上传的文件资源,接着就可以得到对应的文件对象 File,而 File.prototype.slice 方法可以实现资源的分块,当然也有人说是 Blob.prototype.slice 方法,因为 Blob.prototype.slice === File.prototype.slice
.
2、资源整合
前端可以基于 Promise.all 将这多个接口整合,上传完成在发送一个合并的请求,通知服务端进行合并。
3、进度条
axios的onUploadProgress属性
细节待补充
转载:
作者:熊的猫
链接:juejin.cn/post/707453…
4、图片上传压缩
canvas画完压缩,再用blob分片
细节待补充