「 VUE 」 March 10, 2025
vue3实现大文件分片上传和断点续传
Words count 8.2k Reading time 7 mins.
首先,前端部分需要用到Vue3的Composition API,可能需要用ref和reactive来管理状态。然后,文件上传要用到File API,特别是Blob对象的slice方法来分片。每个分片需要有一个唯一的标识,可能是文件名加上分片索引,或者使用文件内容的hash,但为了简化,可能先使用文件名和索引的组合。
接下来,上传进度的显示,需要计算已上传的分片数和总分片数,然后更新进度条。断点续传的话,需要后端支持,记录已上传的分片,所以前端在上传前应该先询问后端哪些分片已经上传过了,避免重复上...
Read article