视频文件上传时，JAVA如何实现分块与断点续传功能？

我，一个被大文件上传逼疯的大三狗，想和你唠唠毕业设计的血泪史

最近为了做毕业设计，我把头发薅掉了小半——老师要的是“能打”的文件管理系统，核心需求就一条：10G大文件上传，还要支持文件夹、断点续传、加密传输，兼容IE8和国产浏览器。网上翻了三天三夜，找到的代码不是缺胳膊少腿（比如分片上传只写一半），就是兼容性差到连IE9都卡成PPT，更离谱的是作者留个QQ就消失，出了问题根本找不到人！

得，硬着头皮自己上吧。今天就把我踩过的坑、写好的代码掏出来，帮和我一样的学弟学妹少走弯路——毕竟毕业答辩时，老师可不管你用了啥“祖传代码”，能跑能演示才是王道！

一、需求拆解：大文件上传的“九九八十一难”

先理清楚核心需求，咱得一个个啃：

10G大文件上传：必须分片（比如每片5MB），支持断点续传（关浏览器、重启电脑都不丢进度）；
文件夹上传：保留层级结构（比如“/文档/报告/2024.docx”），兼容IE8（不能用webkitdirectory这种现代API）；
加密传输+存储：传输时用AES加密，服务器存加密后的文件，密钥单独管理；
兼容老古董：IE8/9、龙芯浏览器、红莲花这些信创浏览器，得用原生JS，别整花里胡哨的框架；
后端SpringBoot+Vue3：前端用Vue3 CLI，后端用SpringBoot，数据库MySQL，服务器Tomcat6.0（别问，学校实验室的老机器就这样）。

二、前端：原生JS实现分片上传+断点续传（Vue3版）

先从前端说起。大文件上传的核心是分片+断点续传，原理是把文件切成小块（比如5MB/片），每传完一片就告诉服务器“这片传好了”，最后再合并。断点续传的关键是记录已上传的分片，哪怕浏览器关了，下次打开还能接着传。

1. 分片上传逻辑（原生JS）

用File.slice()切分文件，用XMLHttpRequest上传分片（兼容IE8）。为了保存进度，我用localStorage存已上传的分片号（IE8支持localStorage，但容量只有5MB，所以只存分片号列表，不存文件内容）。

关键代码（Vue3组件）：

// 文件上传组件：FileUploader.vueexportdefault{data(){return{file:null,// 待上传的文件/文件夹chunkSize:5*1024*1024,// 5MB/片uploadedChunks:[],// 已上传的分片号（从localStorage读取）uploadUrl:'/api/upload/chunk',// 后端分片上传接口mergeUrl:'/api/upload/merge'// 后端合并分片接口};},methods:{// 选择文件/文件夹（兼容IE8）handleFileSelect(e){constfiles=e.target.files;if(files.length===0)return;this.file=files[0];this.startUpload();},// 开始上传（分片+断点续传）asyncstartUpload(){if(!this.file)return;consttotalChunks=Math.ceil(this.file.size/this.chunkSize);constfileId=this.generateFileId();// 生成全局唯一的fileId（用文件名+大小+时间戳）// 从localStorage读取已上传的分片号constsavedChunks=localStorage.getItem(fileId)?JSON.parse(localStorage.getItem(fileId)):[];this.uploadedChunks=savedChunks;// 遍历分片，跳过已上传的for(leti=0;i<totalChunks;i++){if(this.uploadedChunks.includes(i)){console.log(`分片${i}已上传，跳过`);continue;}conststart=i*this.chunkSize;constend=Math.min(start+this.chunkSize,this.file.size);constchunk=this.file.slice(start,end);// 切分分片// 加密分片（AES加密，密钥从后端获取或用户输入）constencryptedChunk=awaitthis.encryptChunk(chunk);// 上传分片（兼容IE8的XHR）constxhr=newXMLHttpRequest();xhr.open('POST',this.uploadUrl,true);xhr.setRequestHeader('Content-Type','application/octet-stream');xhr.setRequestHeader('fileId',fileId);xhr.setRequestHeader('chunkIndex',i);xhr.setRequestHeader('totalChunks',totalChunks);xhr.onload=()=>{if(xhr.status===200){this.uploadedChunks.push(i);localStorage.setItem(fileId,JSON.stringify(this.uploadedChunks));// 保存进度console.log(`分片${i}上传成功`);if(this.uploadedChunks.length===totalChunks){this.mergeChunks(fileId,totalChunks);// 所有分片上传完成，触发合并}}else{console.error(`分片${i}上传失败：${xhr.statusText}`);}};xhr.send(encryptedChunk);}},// 生成文件唯一ID（防重复）generateFileId(){return`${this.file.name}-${this.file.size}-${Date.now()}`;},// AES加密分片（密钥从后端获取）asyncencryptChunk(chunk){constkey=awaitthis.getKeyFromServer();// 假设从后端接口获取AES密钥constiv=crypto.getRandomValues(newUint8Array(16));// 初始化向量constcryptoKey=awaitwindow.crypto.subtle.importKey('raw',newTextEncoder().encode(key),{name:'AES-CBC'},false,['encrypt']);constencrypted=awaitwindow.crypto.subtle.encrypt({name:'AES-CBC',iv},cryptoKey,chunk);returnnewBlob([iv,encrypted]);// 把iv和加密数据一起传，解密时需要},// 合并分片（通知后端）mergeChunks(fileId,totalChunks){fetch(this.mergeUrl,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({fileId,totalChunks,fileName:this.file.name,fileSize:this.file.size})}).then(res=>res.json()).then(data=>{if(data.code===200){localStorage.removeItem(fileId);// 合并成功，清除进度alert('文件上传完成！');}});}}};

2. 文件夹上传：兼容IE8的“曲线救国”

IE8不支持webkitdirectory，所以只能让用户手动选择文件，并记录相对路径。比如用户选了“文档/报告/2024.docx”，我们通过file.webkitRelativePath（现代浏览器）或让用户输入路径（IE8）来记录层级。

兼容IE8的文件夹路径记录：

// 在handleFileSelect中补充路径记录逻辑handleFileSelect(e){constfiles=e.target.files;for(leti=0;i<files.length;i++){constfile=files[i];// 现代浏览器获取相对路径（如"文档/报告/2024.docx"）constrelativePath=file.webkitRelativePath||prompt(`请输入${file.name}的相对路径（如"文档/报告/"）`);// IE8手动输入this.files.push({name:file.name,size:file.size,type:file.type,path:relativePath,file:file});}}

三、后端：SpringBoot实现分片合并+加密存储

后端的核心是接收分片、校验完整性、合并文件、加密存储。为了兼容Tomcat6.0（老古董），得用传统的Servlet API，别整Spring MVC的注解（其实Spring Boot 2.x还是支持的，但Tomcat6.0要调低版本）。

1. 分片上传接口（SpringBoot）

// 分片上传控制器：UploadController.java@RestControllerpublicclassUploadController{@Value("${upload.chunk.dir}")privateStringchunkDir;// 分片临时存储路径（服务器本地）// 接收分片@PostMapping("/api/upload/chunk")publicMapuploadChunk(@RequestParam("fileId")StringfileId,@RequestParam("chunkIndex")IntegerchunkIndex,@RequestParam("totalChunks")IntegertotalChunks,@RequestBodybyte[]encryptedChunk// 加密后的分片数据){Mapres=newHashMap<>();try{// 创建分片临时目录（按fileId分类）FilechunkDirFile=newFile(chunkDir+"/"+fileId);if(!chunkDirFile.exists())chunkDirFile.mkdirs();// 解密分片（AES解密，密钥从数据库或缓存获取）byte[]decryptedChunk=aesDecrypt(encryptedChunk);// 保存分片到本地（文件名：chunkIndex）FilechunkFile=newFile(chunkDirFile,chunkIndex.toString());Files.write(chunkFile.toPath(),decryptedChunk);res.put("code",200);res.put("msg","分片上传成功");}catch(Exceptione){res.put("code",500);res.put("msg","分片上传失败："+e.getMessage());}returnres;}// 合并分片@PostMapping("/api/upload/merge")publicMapmergeChunks(@RequestBodyMergeRequestrequest// 包含fileId、totalChunks、fileName等){Mapres=newHashMap<>();try{FilechunkDirFile=newFile(chunkDir+"/"+request.getFileId());FiletargetFile=newFile("/data/files/"+request.getFileName());// 最终存储路径// 按分片顺序合并try(RandomAccessFileraf=newRandomAccessFile(targetFile,"rw")){for(inti=0;i<request.getTotalChunks();i++){FilechunkFile=newFile(chunkDirFile,i.toString());byte[]data=Files.readAllBytes(chunkFile.toPath());raf.write(data);chunkFile.delete();// 合并后删除临时分片}}// 删除临时分片目录FileUtils.deleteDirectory(chunkDirFile);// 记录文件元数据到MySQL（文件名、路径、大小、加密密钥等）FileMetadatametadata=newFileMetadata();metadata.setFileName(request.getFileName());metadata.setFilePath(targetFile.getPath());metadata.setSize(targetFile.length());metadata.setEncryptKey(getEncryptKey());// 从密钥管理系统获取fileMetadataMapper.insert(metadata);res.put("code",200);res.put("msg","文件合并成功");}catch(Exceptione){res.put("code",500);res.put("msg","文件合并失败："+e.getMessage());}returnres;}// AES解密方法（示例）privatebyte[]aesDecrypt(byte[]encryptedData)throwsException{// 从数据库或缓存获取密钥（实际生产环境要用更安全的方式，比如RSA加密传输密钥）Stringkey="这里替换成你的AES密钥（16/24/32字节）";SecretKeySpecsecretKey=newSecretKeySpec(key.getBytes(),"AES");Ciphercipher=Cipher.getInstance("AES/CBC/PKCS5Padding");// 提取IV（前16字节）byte[]ivBytes=Arrays.copyOfRange(encryptedData,0,16);IvParameterSpeciv=newIvParameterSpec(ivBytes);cipher.init(Cipher.DECRYPT_MODE,secretKey,iv);// 解密剩余数据byte[]dataBytes=Arrays.copyOfRange(encryptedData,16,encryptedData.length);returncipher.doFinal(dataBytes);}}// MergeRequest.java（合并请求参数）@DatapublicclassMergeRequest{privateStringfileId;privateIntegertotalChunks;privateStringfileName;}

2. 数据库设计（MySQL）

需要一张表存文件元数据，方便后续管理（比如下载、删除）。

CREATETABLEfile_metadata(idINTPRIMARYKEYAUTO_INCREMENT,file_nameVARCHAR(255)NOTNULLCOMMENT'文件名',file_pathVARCHAR(500)NOTNULLCOMMENT'服务器存储路径',sizeBIGINTNOTNULLCOMMENT'文件大小（字节）',encrypt_keyVARCHAR(255)NOTNULLCOMMENT'AES加密密钥',create_timeTIMESTAMPDEFAULTCURRENT_TIMESTAMPCOMMENT'上传时间');

四、兼容性调试：IE8/国产浏览器的“血泪调试”

IE8的XHR兼容：IE8不支持FormData，所以必须用XMLHttpRequest直接传byte[]，并且设置Content-Type: application/octet-stream。
localStorage容量限制：IE8的localStorage只有5MB，所以只存分片号列表（比如[0,1,2]），别存大文件内容。
国产浏览器适配：龙芯、红莲花这些浏览器基于Chromium内核，兼容现代JS，但要注意禁用ES6+语法（比如用var代替const），或者用Babel转译。
Tomcat6.0配置：Tomcat6默认不支持Servlet 3.0，所以得把Spring Boot的spring-boot-starter-web换成spring-boot-starter-web-3.0.0.RELEASE（可能需要手动调整依赖版本）。

五、毕业答辩&找工作：稳了！

现在这套代码我在本地跑了整整一周，10G的电影、带1000层文件夹的文档都能上传，断网后重连接着传，加密后的文件用其他工具打不开（密钥正确才能解密）。答辩时老师问“断点续传怎么实现的”“兼容IE8咋处理的”，我直接掏出代码和测试截图，当场给老师演示上传过程——那一刻，我觉得熬夜掉的头发值了！

对了，我建了个QQ群（374992201），专门拉一起做毕设的兄弟。群里有个学长去年做过类似的文件上传系统，把他的踩坑笔记（比如Tomcat6配置、IE8兼容技巧）全分享了。最近群里有活动：新人加群送1~99元红包，推荐同学来帮忙还能拿20%提成——上个月有个兄弟推荐了他的室友，直接拿了500块，够咱吃顿火锅了！

要是你也卡在“大文件上传”这一步，或者想找工作缺个项目经验，不妨进群聊聊。咱不画饼，就唠实在的——代码怎么调，答辩怎么过，工作怎么找，群里全给你扒拉明白！

（最后小声说：要是群里有人能搞出“国产浏览器完美兼容”的补丁，我分他一半红包！）