切片,断点续传

184 阅读1分钟

切片的原理:

file对象他是blob对象子类。blob对象有一个slice方法对二进制数据进行分割,所以说file对象也有这个方法,对二进制数据进行分割。

切片上传

就是每次把大文件利用slice方法,切割一部分,上传给后端,然后切割下一个部分。然后我们不断把分割后部分数据,上传给后端。后端再把切成片段的数据,拼接为完整文件。

image.png

image.png

image.png

断点续传就是

每次上传,把当前切片进度存到localStorage。然后下次续传,从localStorage读取上次进度,直接从上次进度开始切。

image.png

image.png