Java 多文件上傳帶進度條實現方案

需求分析

在 Struts2 + Spring + MyBatis 技術棧中實現多文件上傳，要求：

• 點擊上傳按鈕顯示進度條
• 上傳完成後顯示圖片預覽
• 兼容主流瀏覽器

推薦方案：Apache Commons FileUpload

採用成熟的 FileUpload 組件 可輕鬆實現：

1. 在 struts.xml 配置 interceptor-ref name="fileUpload" 並設置允許的文件類型、大小限制。
2. Action 中接收 File[] 數組及對應的 String[] contentType, fileName。
3. 前端使用 <input type="file" multiple> 搭配 Ajax（如 jQuery Form Plugin 或原生 FormData）異步提交，監聽 progress 事件更新進度條。
4. 上傳成功後返回文件路徑，前端動態生成 <img> 標籤預覽。

關鍵點

• Struts2 的文件上傳攔截器已內建進度監聽支持，配合 FileUploadListener 可獲取實時進度。
• 為兼容 IE9 以下，可退回到隱藏 iframe 方案；現代瀏覽器優先使用 XMLHttpRequest Level 2。
• 服務端需做文件類型驗證、重命名防衝突、病毒掃描等安全措施。

參考教程：JAVA學習提高之－－－－ FileUpload組件實現多文件上傳