資料庫儲存圖片路徑而非二進位：正確做法與前端顯示

資料庫 picture 欄位儲存的是圖片路徑（如 001.jpg），而非二進位資料。前端顯示時，需由伺服器提供靜態資源路徑或下載介面。

完整流程

1. 上傳圖片：前端 <input type="file"> → 後端儲存至伺服器目錄（如 /upload/images/），產生唯一檔名（UUID+副檔名）。
2. 資料庫存路徑：INSERT INTO items ... VALUES (..., '/upload/images/abc123.jpg')。
3. 前端顯示：<img src="/upload/images/abc123.jpg"> 或後端提供 /api/image/abc123.jpg 讀取檔案流回應。

為何不存二進位

• 資料庫體積暴增，備份/遷移困難。
• 資料庫不擅長串流輸出，效能差。
• 靜態檔案可走 CDN、瀏覽器快取，大幅降低頻寬。

安全建議

• 上傳目錄置於 Web 根目錄外，透過 Controller 讀取並檢查權限後輸出。
• 檔名用隨機字串，防止遍歷下載。
• 定期清理孤兒檔案（資料庫記錄刪除但檔案殘留）。