如何实现大文件上传

184 阅读1分钟

分片上传就是将大文件分成一个个小文件(切片),将切片进行上传

1、定义一个input或者span标签,定义成type=file

2、拿到input.files拿到file对象,得到大文件的总体积

3、定义最小切片的大小

4、向上取整,得到将大文件被分成最小切片个数

5、遍历最小切片个数,利用file对象的slice方法将file对象进行切分,得到要上传的最小切片

5、生成FormData对象,将最小切片放入FormData的append方法中,调用FoemData.append()时把file对象转化成二进制文件传给后端

image.png image.png image.png image.png image.png image.png image.png

image.png

大文件上传

切片上传