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