現象
資料庫儲存三張圖片路徑(image/1420378242720.jpg、image/2.jpg、image/3.jpg),前兩張手動新增可正常顯示,系統自動產生的第一張卻無法顯示,檔案確實存在於同一資料夾。
排查步驟
- 檢查 HTTP 狀態碼:開發者工具 Network 面板查看第一張圖片請求。
- 404:路徑或檔名錯誤(大小寫、空白字元、編碼問題)。
- 200:檔案內容損壞、格式不支援(如 CMYK 色彩模式在 IE 下無法顯示,需轉 RGB)。
- 驗證實體檔案:直接在伺服器開啟該檔案,確認是否完整、可讀。
- 比對資料庫路徑:確認自動產生的路徑是否包含不可見字元或錯誤副檔名。
常見原因
- 上傳元件儲存時檔名編碼不一致(中文檔名 URLEncode 問題)。
- 圖片處理庫(如 ImageIO)輸出格式預設為 CMYK,瀏覽器不支援。
- 儲存路徑與 Web 根目錄對應關係配置錯誤。