表單輸入詞條 2-13

檔案上傳File Upload

也常叫做:上傳檔案、拖放上傳、Upload

你可能會這樣說

虛線大框寫著「把檔案拖到這裡」,也可以按按鈕挑檔案,選完出現進度——換頭像、傳履歷都用它。

白話解釋

檔案上傳是讓使用者把裝置裡的檔案交給網站的區塊,常做成寫著「把檔案拖到這裡」的虛線大框,拖曳進去和點按鈕挑選兩種方式都要支援。

體貼的做法會先講清楚接受哪些格式、大小上限多少,並在上傳完成前顯示進度。

跟 AI 溝通時記得指定:限定副檔名、超過大小要提示、傳成功後給預覽。

親手試試

✕ 沒規則的原始按鈕
更換頭像
沒說能傳什麼:傳了 12MB 的大圖也默默沒反應。
✓ 講清楚的拖放區
🖼️
把圖片拖到這裡,或點按鈕挑檔案
接受 JPG、PNG,最大 2MB
🐱
avatar.png 上傳完成,可預覽、可重傳

先講格式和大小,傳完給預覽——上傳就不焦慮。

圖 2-18 好的檔案上傳會先講規則,傳完給預覽。

這樣對 AI 說

中文就可以
社群設定頁做一個換頭像的上傳區。
虛線框可以拖圖片進去,也能點按鈕挑檔案,只接受 JPG 和 PNG。
超過 2MB 就出現提示,不給上傳。
傳成功後顯示圓形預覽,旁邊附刪除和重傳按鈕。

同一課的其他詞