SpringBoot如何实现大视频文件的网页高效上传？

路过了忘了

于 2025-08-04 12:40:43 发布

阅读量442

点赞数 9

CC 4.0 BY-SA版权

文章标签： spring boot 后端 java springboot大文件上传 springboot断点续传 springboot秒传 springboot上传下载

本文链接：https://blog.csdn.net/weixin_52050572/article/details/149903387

大文件传输系统解决方案

项目背景与需求分析

作为广东某上市集团公司的项目负责人，我们面临的大文件传输需求具有以下核心挑战：

超大文件传输：需支持50G甚至100G级别的文件/文件夹传输
高稳定性要求：必须支持断点续传且进度信息持久化
安全合规要求：需支持SM4/AES加密传输存储，满足政府部门安全标准
信创国产化兼容：需适配国产操作系统、浏览器及数据库
复杂环境兼容：需兼容从IE8到现代浏览器的广泛环境
部署灵活性：需支持内外网、公有/私有部署

技术方案设计

整体架构

[前端Vue2] → [SpringBoot后端] → [华为云OBS/本地存储]
            ↓
[国产数据库] ← [加密模块] ← [信创环境适配层]

核心功能模块

分片上传下载引擎
断点续传持久化管理
文件夹层级保持系统
国密加密传输/存储模块
多浏览器兼容适配层
信创环境适配组件

关键技术实现

前端实现(Vue2)

// 文件分片上传组件
export default {
  data() {
    return {
      fileList: [],
      chunkSize: 10 * 1024 * 1024, // 10MB分片
      uploading: false,
      progress: 0,
      resumeData: {}
    }
  },
  methods: {
    async handleUpload(file) {
      // 读取本地存储的续传信息
      const resumeKey = `resume_${file.name}_${file.size}_${file.lastModified}`
      this.resumeData = JSON.parse(localStorage.getItem(resumeKey)) || {
        uploadedChunks: [],
        totalChunks: Math.ceil(file.size / this.chunkSize)
      }
      
      // 创建文件读取器
      const reader = new FileReader()
      reader.onload = async (e) => {
        const fileData = e.target.result
        // 分片处理
        for (let i = 0; i < this.resumeData.totalChunks; i++) {
          if (this.resumeData.uploadedChunks.includes(i)) continue
          
          const start = i * this.chunkSize
          const end = Math.min(start + this.chunkSize, file.size)
          const chunk = fileData.slice(start, end)
          
          // 加密分片 (SM4/AES)
          const encryptedChunk = await this.encryptChunk(chunk)
          
          // 上传分片
          await this.uploadChunk(file, i, encryptedChunk)
          
          // 更新进度并持久化
          this.resumeData.uploadedChunks.push(i)
          localStorage.setItem(resumeKey, JSON.stringify(this.resumeData))
          this.progress = (this.resumeData.uploadedChunks.length / this.resumeData.totalChunks) * 100
        }
        
        // 通知后端合并文件
        await this.mergeFile(file)
        localStorage.removeItem(resumeKey)
      }
      reader.readAsArrayBuffer(file)
    },
    
    // IE8兼容方案
    handleIe8Upload() {
      // 使用Flash/ActiveX备用方案
      // 实现细节...
    }
  }
}

后端实现(SpringBoot)

@RestController
@RequestMapping("/api/file")
public class FileController {
    
    @PostMapping("/upload")
    public ResponseEntity uploadChunk(
            @RequestParam("file") MultipartFile file,
            @RequestParam("chunkIndex") int chunkIndex,
            @RequestParam("totalChunks") int totalChunks,
            @RequestParam("fileId") String fileId) {
        
        try {
            // 解密分片 (SM4/AES)
            byte[] decryptedData = decrypt(file.getBytes());
            
            // 存储分片
            String chunkPath = getChunkPath(fileId, chunkIndex);
            Files.write(Paths.get(chunkPath), decryptedData);
            
            // 更新数据库记录
            updateUploadProgress(fileId, chunkIndex);
            
            return ResponseEntity.ok().build();
        } catch (Exception e) {
            return ResponseEntity.status(500).body("上传失败");
        }
    }
    
    @PostMapping("/merge")
    public ResponseEntity mergeFile(
            @RequestParam("fileId") String fileId,
            @RequestParam("fileName") String fileName,
            @RequestParam("totalChunks") int totalChunks) {
        
        try {
            // 验证所有分片是否完整
            if (!checkAllChunksUploaded(fileId, totalChunks)) {
                return ResponseEntity.badRequest().body("分片不完整");
            }
            
            // 合并文件
            File outputFile = mergeChunks(fileId, fileName);
            
            // 加密存储
            encryptAndStore(outputFile);
            
            return ResponseEntity.ok("文件合并成功");
        } catch (Exception e) {
            return ResponseEntity.status(500).body("合并失败");
        }
    }
    
    // 文件夹结构保持方法
    private void preserveFolderStructure(MultipartHttpServletRequest request) {
        // 实现细节...
    }
}

安全与信创实现

国密加密模块

public class SM4Util {
    
    private static final String ALGORITHM_NAME = "SM4";
    private static final String DEFAULT_KEY = "defaultKey1234567"; // 实际项目应从配置读取
    
    public static byte[] encrypt(byte[] data) throws Exception {
        Cipher cipher = Cipher.getInstance(ALGORITHM_NAME);
        SecretKeySpec secretKey = new SecretKeySpec(DEFAULT_KEY.getBytes(), ALGORITHM_NAME);
        cipher.init(Cipher.ENCRYPT_MODE, secretKey);
        return cipher.doFinal(data);
    }
    
    public static byte[] decrypt(byte[] encryptedData) throws Exception {
        Cipher cipher = Cipher.getInstance(ALGORITHM_NAME);
        SecretKeySpec secretKey = new SecretKeySpec(DEFAULT_KEY.getBytes(), ALGORITHM_NAME);
        cipher.init(Cipher.DECRYPT_MODE, secretKey);
        return cipher.doFinal(encryptedData);
    }
}

信创环境适配

国产操作系统适配层：封装系统级差异调用
国产浏览器兼容：针对龙芯、红莲花等实现特定polyfill
国产数据库驱动：达梦、人大金仓专用连接池配置

// 数据库多源配置示例
@Configuration
public class DataSourceConfig {
    
    @Value("${database.type}")
    private String databaseType;
    
    @Bean
    public DataSource dataSource() {
        switch (databaseType) {
            case "dm": // 达梦
                return DmDataSourceBuilder.create().build();
            case "kingbase": // 人大金仓
                return KingbaseDataSourceBuilder.create().build();
            case "mysql":
                return DataSourceBuilder.create().type(HikariDataSource.class).build();
            default:
                throw new IllegalArgumentException("不支持的数据库类型");
        }
    }
}