vue大文件上传需分片上传+服务端协同：前端用blob.slice()切片（2–5mb）、控制并发（3–5）；通过localstorage/indexeddb与服务端预检实现断点续传；用sparkmd5哈希支持秒传；监听onuploadprogress并结合abortcontroller提供进度反馈与暂停重试。
Vue 大文件上传不能靠单次请求硬扛，必须拆解为可控、可恢复、可感知的流程。核心是分片上传 + 服务端协同，不是前端“使劲传”，而是前后端配合“聪明传”。
分片切割与并发控制
前端拿到 File 对象后，用 Blob.slice() 按固定大小切片（推荐 2–5MB），避免内存溢出和浏览器卡顿。每片带序号、大小、起始偏移量，构成独立上传单元。并发数建议设为 3–5，太高易触发服务器限流或连接池耗尽；太低则浪费带宽。可结合网络状况动态调整，比如用 navigator.onLine + fetch() 预检延迟来降级并发。
断点续传与状态持久化
上传中断不可怕，可怕的是重头再来。关键在两处记录：一是前端用 localStorage 或 IndexedDB 缓存每个文件的 fileId（如 name+size+lastModified 组合哈希） 和已上传分片索引列表；二是上传前先发一次预检请求（如 /upload/check?hash=xxx），让服务端返回已存分片清单。前端比对后只传缺失部分，真正实现“从哪断，从哪续”。
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
秒传与文件去重
用户反复上传同一视频或安装包？别让它重复走网络。前端用 SparkMD5 增量计算全文件哈希（不加载整个文件到内存），生成唯一标识。上传前先查服务端该哈希是否存在；若存在，直接跳过上传，后端返回已有文件 ID 和访问路径——这就是秒传。注意：哈希计算建议放 Web Worker 中执行，防止阻塞 UI 线程。
进度反馈与用户体验
原生 <input type="file"> 不提供分片级进度。需手动监听每个分片的 Axios 请求 onUploadProgress 回调，按分片大小加权累计，再结合 Hash 计算进度（0–100%），统一映射到总进度条。额外支持暂停/继续按钮，本质是 abortController 控制当前请求，并保存中断点；失败自动重试（默认 3 次）需带指数退避，避免雪崩请求。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
