文件上傳字段
輕鬆收集文件、圖片和文件。從簡歷到照片,支援拖放上傳、文件類型限制、大小限制和即時預覽——文件上傳欄位提供安全的文件收集功能,具有現代化的用戶體驗和全面的驗證機制。
專業文件收集與智慧驗證
完美的:
適用於各種用例的強大功能
📤 多文件上傳
單一文件或多個文件:
允許使用者上傳單一檔案或啟用多檔案上傳。使用者可以一次選擇多個文件,也可以一次新增一個文件。
- 智慧型文件管理:
- 逐步添加文件
- 提交前請刪除單一文件
- 查看所有選定文件的名稱和大小
- 上傳次數清晰顯示
最小/最大檔案控制:
啟用多文件上傳功能時,請設定最小和最大文件數。您可以要求至少上傳 2 個文件,限制為 10 個文件,或設定任何符合您需求的範圍。
例子:
- 簡歷提交:僅限1個文件
- 照片庫:最少 3 張,最多 10 張圖片
- 文件包:最少 2 個文件,最多 5 個文件
- 作品集:最少 1 份文件,最多 20 份文件

🎯 文件類型限制
7 個預設類別:
影像優化(Images): – jpg、png、gif 和所有圖片格式
非常適合用於照片、標誌、螢幕截圖和視覺內容。
技術文件 – pdf、doc、docx、txt、odt
適用於簡歷、報告、合約和文字文件。
電子表格 – xls、xlsx、csv、ods
用於數據文件、預算、報告和計算。
演講 – ppt、pptx、odp
幻燈片、提案簡報和視覺化報告。
歷史資料 – zip、rar、7z、tar、gz
壓縮檔案、檔案包和備份。
音頻 – mp3、wav 和所有音訊格式
音樂檔案、錄音和音訊片段。
視頻資料 – mp4、mov 和所有影片格式
視訊檔案、錄音和多媒體內容。
混搭:
勾選多個類別即可接受多種文件類型。啟用「影像+文件」即可同時接受照片和 PDF 檔案。
📝 自訂檔案副檔名
指定確切的文件類型:
除了上述7個類別之外,您還可以定義要接受的特定檔案副檔名。自訂副檔名之間用逗號分隔。
例子:
- `.jpg、.png、.pdf` – 僅限照片和 PDF 文件
- `.docx、.pdf、.txt`——特定文件格式
- `.ai、.psd、.sketch` – 設計文件
- `.dwg, .dxf` – CAD 文件
- `.sql, .db` – 資料庫文件
完美控制:
將類別複選框與自訂副檔名結合使用,可實現精確的檔案類型控制。接受“圖像”類別以及“.svg”擴展名,以提供完整的圖像支援。

🖼️ 文件預覽
可視化文件回饋:
啟用「顯示檔案預覽」功能,即可顯示影像的縮圖和其他類型檔案的圖示。用戶在提交前可以準確看到自己選擇的內容。
預覽功能:
- 照片的圖像縮圖
- 文檔的文件類型圖標
- 檔案名稱和大小顯示
- 每個檔案的刪除按鈕
視覺上傳確認
更好的用戶體驗:
預覽功能可確認文件選擇是否成功,減少錯誤,並確保附加的文件正確無誤。
🎨 自訂按鈕文字
個人化上傳體驗:
將上傳按鈕文字從「選擇檔案」變更為符合表單上下文的任何內容。
例子:
- “上傳履歷”
- “選擇照片”
- “附加文件”
- “添加文件”
- “瀏覽文件”
- “選擇圖片”
語境語言:
使按鈕文字與用戶上傳的內容相匹配,以便提供更清晰的說明和更好的用戶體驗。
🔐 內建安全功能
自動文件驗證:
所有上傳的檔案在處理前都會經過類型和大小驗證。惡意文件將被自動拒絕。
安全層:
- 檔案類型驗證(副檔名和 MIME 類型)
- 強制執行檔案大小限制
- 伺服器端重新驗證
- WordPress 安全標準
- 已清理的檔案名
安全的文件處理:
文件使用 WordPress 上傳目錄進行安全存儲,並採取了適當的權限和安全措施。
🔀 條件邏輯
動態上傳欄位:
根據表單其他值顯示或隱藏文件上傳欄位。僅當上傳選項與使用者選擇相關時才顯示。
高階邏輯規則:
- 與邏輯-所有條件必須滿足
- 邏輯或 – 任何條件都可以觸發該操作
- 8 個運算子-等於、不等於、大於、小於、包含、為空等等
🎯 提升使用者體驗
內建智慧功能:
- 已選文件列表 查看所有選定文件的名稱和大小
- 刪除單一文件 提交前刪除文件
- 上傳進度 – 上傳過程中的視覺回饋(附自動上傳功能)
- 清除錯誤訊息 – 提供具體驗證錯誤的指導
- 文件計數顯示 – 顯示所選檔案的數量
- 必要的驗證 – 強制上傳文件
- 幫助文本支持 – 新增檔案要求說明
- 自訂 CSS 類 – 套用自訂樣式
- 輔助功能支持 – 相容鍵盤導航和螢幕閱讀器
- 移動優化 – 行動裝置上的原生檔案選擇器
📏 檔案大小限制
控制上傳檔案大小:
設定每個檔案的最大大小(以兆位元組 (MB) 為單位)。防止上傳過大的文件,以免減慢提交速度或超出伺服器限制。
靈活限額:
- 小檔案:文檔大小為 1-2 MB。
- 標準:一般上傳檔案大小為 5 MB
- 圖:10 MB(照片)
- 大檔案:影片或壓縮檔案超過 50 MB
文件級驗證:
大小限制適用於單一文件,而非總上傳文件大小。如果您設定了 5MB 的限制,使用者可以上傳 5 個 5MB 的檔案。
明確的回饋:
使用者在提交檔案前會立即看到檔案大小錯誤,並顯示諸如「檔案超過 5MB 限制」之類的特定訊息。
⚡ 選取後自動上傳
即時上傳選項:
啟用「選取時自動上傳」功能,即可在選取文件時立即開始上傳文件,而無需等待表單提交。
為妳而設的優點:
- 更快的感知性能
- 用戶在填寫其他欄位的同時,上傳大文件
- 立即上傳確認
- 上傳過程中的進度回饋
用例:
- 大型文件提交(影片、存檔)
- 多步驟表單,文件需提前上傳
- 需要填寫包含多個欄位的表單
- 針對慢速連線提供更佳的使用者體驗
🎨 拖放上傳
現代文件選擇:
啟用拖放功能,使用者即可直接從桌面或檔案瀏覽器將檔案拖曳到上傳區域。無需瀏覽。
雙上傳方式:
- 傳統的「選擇檔案」按鈕
- 直接將檔案拖曳到上傳區域
- 兩種方法同時有效。
視覺回饋:
當檔案拖曳到上傳區域時,上傳區域會高亮顯示,從而清楚地指示放置區域。
行動相容:
在桌面端支援完整的拖放功能。在行動裝置上則回退到標準的檔案選擇器。
三步驟輕鬆完成設定
幾分鐘即可準備好您的文件上傳字段
新增文件上傳字段
將「文件上傳」欄位從「基本欄位」部分拖曳到表單中。
設定檔案限制
選擇允許的文件類型(圖像、文件等),設定最大文件大小(例如 5MB),並根據需要啟用多個文件,並設定最小/最大文件數。
啟用現代功能
啟用拖放功能以便更輕鬆地上傳文件,啟用文件預覽以獲得視覺回饋,並自訂按鈕文字以符合表單的上下文。
🎉 搞定!您的文件上傳欄位已準備就緒,具備智慧驗證和現代化的使用者體驗。
實際應用
完整欄位選項
基本配置
- 欄位標籤 – 文件上傳欄位上方顯示的標題
- 說明/幫助文本 – 關於文件要求的更多指導
- 必填欄位 – 將檔案上傳設為必填
- 佔位符 – 不適用於檔案上傳。
多個文件
允許上傳多個檔案-允許使用者一次上傳多個文件
- 啟用多文件功能時:
- 最少文件數 – 所需文件的最少數量(例如,1 個)
- 最大檔案數限制 – 使用者可以上傳的最大檔案數(例如,10 個)
允許的文件類型
預配置類別(可勾選任意組合):
- 圖片(jpg、png、gif)
- 文檔(pdf、doc、txt)
- 電子表格(xls、csv)
- 簡報(ppt、pptx)
- 壓縮檔案(zip、rar)
- 音訊(mp3、wav)
- 影片(mp4、mov)
特定檔案副檔名
請輸入自訂檔案類型,並以逗號分隔(例如,`.jpg, .png, .pdf, .docx`)
檔案大小控制
- 最大檔案大小 – 每個上傳檔案的最大大小,單位為兆位元組 (MB)
- 輸入數字,例如 5,表示 5MB 限制。
- 留空則無限制(使用伺服器預設值)
- 按檔案計算,而非以上傳總大小計算
用戶體驗
- 顯示文件預覽 – 顯示圖像縮圖和其他文件的圖標
- 啟用拖放功能-允許使用者直接將檔案拖曳到表單中。
- 上傳按鈕文字 – 自訂按鈕文字(預設值:「選擇檔案」)
- 選取後自動上傳 – 選取後立即開始上傳檔案(無需等待表單提交)
條件邏輯
- 啟用條件邏輯-根據條件顯示/隱藏
- 邏輯類型
- 所有條件必須滿足(並且)
- 任何條件均可滿足(或)
- 條件規則
- 顯示/隱藏 – 要採取的動作
- 字段 – 要檢查哪個字段
- 運算子 – 等於、不等於、包含、大於、小於、為空、不為空
- 價值 – 比較值
- 多重條件 – 新增無限條規則
高級選項
- 隱藏欄位 – 將欄位設為不可見(不建議用於檔案上傳)
- 自訂 CSS 類別 – 應用自訂樣式
- 輔助使用屬性 – 螢幕閱讀器的 ARIA 標籤

為什麼選擇我們的文件上傳欄位?
✅ 多檔案上傳 – 支援單一或多個檔案上傳,並可設定最小/最大上傳檔案數。
✅ 智慧型限制 – 7 種檔案類別以及自訂副檔名
✅ 檔案大小限制 – 設定每個檔案的最大大小(以 MB 為單位)。
✅ 拖放 – 現代化的檔案選擇體驗
✅ 文件預覽 – 透過縮圖進行視覺確認
✅ 安全性 – 內建驗證與 WordPress 安全機制
✅ 自動上傳 – 選擇後可自動上傳(選用)
✅ 使用者友善 – 清晰的回饋和錯誤訊息
✅ 完全整合 – 與所有表單功能無縫協作
常見問題
Q:用戶最多可以上傳多少個檔案?
預設上傳單一文件。啟用「允許上傳多個檔案」後,使用者可以上傳多個檔案。可以設定最小/最大文件數限制,例如最小 1 個文件,最大 10 個文件,以便控制批次上傳。
Q:支援哪些文件類型?
預設支援所有文件類型。您可以使用類別複選框(例如圖像、文件等)或自訂副檔名,根據需要限制特定類型的檔案。
Q:如何限製檔案大小?
在「最大檔案大小」欄位中輸入一個數字(例如,輸入 5 表示 5MB)。此限制適用於單一文件,而非總上傳大小。留空則使用伺服器預設值。
Q:類別和自訂擴充有什麼區別?
類別是預設的分組(圖像 = 所有圖像類型,文件 = pdf/doc/txt)。自訂副檔名可讓您指定特定的格式,例如 .svg、.ai、.psd。
Q:拖放功能是如何運作的?
啟用「啟用拖放功能」後,使用者可以將檔案從桌面直接拖曳到上傳區域。傳統的“選擇檔案”按鈕仍然有效。
Q:什麼是文件預覽?
啟用「顯示檔案預覽」後,使用者在提交之前可以看到所有選定檔案的圖像縮圖和檔案圖示以及名稱/大小。
Q:自動上傳功能有什麼作用?
啟用「選取時自動上傳」功能後,檔案會在選取時立即開始上傳,無需等待表單提交。非常適合上傳大型文件。
Q:我可以指定文件類型嗎?
是的。請勾選檔案類型類別和/或輸入自訂副檔名,然後啟用「必填欄位」以強制依照這些限制條件上傳檔案。
Q:如何只接受PDF文件?
如果您要上傳包括 PDF 在內的所有文件類型,請勾選「文件」類別;如果僅要上傳 PDF 文件,請在「特定檔案副檔名」中輸入 .pdf。
Q:如果文件太大會發生什麼事?
使用者會立即看到類似「檔案大小超過 5MB 限制」的錯誤訊息。他們必須選擇一個較小的文件才能提交表單。
上傳的文件安全嗎?
是的。檔案會經過類型和大小驗證,儲存在 WordPress 上傳目錄中並具有適當的權限,符合 WordPress 安全標準。
Q:我可以同時接受圖片和文件嗎?
是的。請同時勾選「圖片」和「文件」類別。使用者可以上傳任意圖片和文件組合的文件。