大文件快速上传

85 阅读1分钟

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分片

细节待补充