<dependency>
    <groupId>net.lingala.zip4j</groupId>
    <artifactId>zip4j</artifactId>
    <version>2.11.5</version>
</dependency>

@Service
@Slf4j
public class FileDownloadService {

    @Autowired
    private SysDownloadCenterAttachmentMapper attachmentMapper;
    
    @Autowired
    private ScjtConfig scjtConfig; // 假設(shè)這個(gè)配置類(lèi)包含文件上傳的基礎(chǔ)路徑

    /**
     * 創(chuàng)建ZIP壓縮文件
     * @param ids 文件ID列表，用逗號(hào)分隔
     * @return 生成的ZIP文件在服務(wù)器上的絕對(duì)路徑
     */
    private String createZipFile(String ids) {
        // 將傳入的ID字符串轉(zhuǎn)換為整型數(shù)組
        Integer[] idArray = Convert.toIntArray(ids);
        List<String> allFilePaths = new ArrayList<>();

        // 1. 收集所有需要壓縮的文件路徑
        for (Integer id : idArray) {
            // 查詢(xún)?cè)揑D對(duì)應(yīng)的所有附件信息
            List<SysDownloadCenterAttachment> attachments = attachmentMapper.selectList(
                new LambdaQueryWrapper<SysDownloadCenterAttachment>()
                    .eq(SysDownloadCenterAttachment::getDownloadCenterId, id));
            
            if (!CollectionUtils.isEmpty(attachments)) {
                // 將附件信息轉(zhuǎn)換為完整的服務(wù)器文件路徑
                List<String> paths = attachments.stream().map(attachment -> {
                    String location = attachment.getLocation();
                    String fullPath = scjtConfig.getUploadPath() + location;
                    // 簡(jiǎn)單的路徑補(bǔ)全邏輯，請(qǐng)根據(jù)你的實(shí)際存儲(chǔ)結(jié)構(gòu)調(diào)整
                    if (!fullPath.startsWith("D:")) {
                        fullPath = "D:" + fullPath; // 示例路徑，請(qǐng)修改為你的實(shí)際存儲(chǔ)路徑
                    }
                    return fullPath;
                }).collect(Collectors.toList());
                allFilePaths.addAll(paths);
            }
        }

        // 2. 創(chuàng)建ZIP文件并添加內(nèi)容
        ZipFile zipFile = new ZipFile("d:/temp_download_filename.zip"); // 指定臨時(shí)ZIP文件路徑
        for (String filePath : allFilePaths) {
            File fileToAdd = new File(filePath);
            if (fileToAdd.exists()) {
                try {
                    // 設(shè)置ZIP文件參數(shù)：壓縮方法、級(jí)別等
                    ZipParameters parameters = new ZipParameters();
                    parameters.setCompressionMethod(CompressionMethod.DEFLATE);
                    parameters.setCompressionLevel(CompressionLevel.NORMAL);
                    
                    // 可選：在ZIP包內(nèi)按原始目錄結(jié)構(gòu)組織文件，或自定義文件夾結(jié)構(gòu)
                    // 例如，設(shè)置文件在ZIP包內(nèi)的路徑和名稱(chēng)
                    parameters.setFileNameInZip(fileToAdd.getName()); 
                    
                    // 將文件添加到ZIP包
                    zipFile.addFile(fileToAdd, parameters);
                    log.info("文件已成功添加到ZIP: {}", filePath);
                } catch (ZipException e) {
                    log.error("添加文件到ZIP時(shí)出錯(cuò): {}", filePath, e);
                    throw new RuntimeException("壓縮文件失敗", e);
                }
            } else {
                log.warn("文件不存在，跳過(guò): {}", filePath);
            }
        }
        return zipFile.getFile().getAbsolutePath();
    }

    /**
     * 供Controller調(diào)用的下載入口方法
     */
    public ResponseEntity<Resource> downloadZip(String ids, HttpServletResponse response) throws FileNotFoundException {
        String zipFilePath = createZipFile(ids);
        File zipFile = new File(zipFilePath);
        
        // 將文件包裝成Spring的Resource對(duì)象（這里使用InputStreamResource）
        InputStreamResource resource = new InputStreamResource(new FileInputStream(zipFile));
        
        // 設(shè)置HTTP響應(yīng)頭，告訴瀏覽器這是一個(gè)需要下載的附件
        return ResponseEntity.ok()
                .header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename="download.zip"")
                .contentType(MediaType.APPLICATION_OCTET_STREAM)
                .contentLength(zipFile.length())
                .body(resource);
    }
}

@RestController
@RequestMapping("/api/file")
public class FileDownloadController {

    @Autowired
    private FileDownloadService fileDownloadService;

    @PostMapping("/download-zip")
    public ResponseEntity<Resource> downloadZip(@RequestParam String ids, HttpServletResponse response) {
        try {
            return fileDownloadService.downloadZip(ids, response);
        } catch (FileNotFoundException e) {
            throw new RuntimeException("ZIP文件未找到", e);
        }
    }
}

npm install file-saver

<template>
  <div>
    <button @click="handleBatchDownload">下載選中文件壓縮包</button>
  </div>
</template>

<script>
import axios from 'axios'; // 確保已安裝axios

export default {
  data() {
    return {
      selectedFileIds: [1, 2, 3] // 假設(shè)這是用戶(hù)選中的文件ID列表
    };
  },
  methods: {
    async handleBatchDownload() {
      try {
        // 將文件ID數(shù)組轉(zhuǎn)換為后端接口需要的格式，例如逗號(hào)分隔的字符串
        const idsParam = this.selectedFileIds.join(',');
        
        const response = await axios.post('/api/file/download-zip', 
          { ids: idsParam }, // 請(qǐng)求參數(shù)
          {
            responseType: 'blob' // 必須設(shè)置，告知axios期望接收二進(jìn)制數(shù)據(jù)
          }
        );

        // 處理下載的文件流
        if (response.data.size > 0) {
          // 創(chuàng)建一個(gè)指向Blob對(duì)象的URL
          const blobUrl = window.URL.createObjectURL(new Blob([response.data], { type: 'application/zip' }));
          
          // 創(chuàng)建一個(gè)隱藏的<a>標(biāo)簽并觸發(fā)點(diǎn)擊下載
          const link = document.createElement('a');
          link.style.display = 'none';
          link.href = blobUrl;
          link.download = 'files.zip'; // 設(shè)置下載的文件名
          document.body.appendChild(link);
          link.click();
          
          // 清理DOM和釋放Blob URL，避免內(nèi)存泄漏
          document.body.removeChild(link);
          window.URL.revokeObjectURL(blobUrl);
        } else {
          this.$message.error('沒(méi)有找到可下載的文件');
        }
      } catch (error) {
        console.error('下載失敗:', error);
        this.$message.error('文件下載失敗，請(qǐng)重試');
      }
    }
  }
};
</script>