假設您的網站位於 商業、電子商務增強版或電子商務高級託管 計劃,您能夠整合 文件上傳 按鈕到您的表單。這允許使用者將文件附加到他們的表單條目中,您可以將其自動轉發到網站的資料管理器。此外,您可以自由自訂上傳按鈕的外觀及其各種狀態,以增強檔案上傳體驗。
這 文件上傳 按鈕可以幫助您收集:
- 履歷、作品集和求職申請表等論文
- 圖片和影片,例如透過客戶支援表格截取的螢幕截圖和螢幕截圖
- 例如,包含參賽者透過提交表單提交的圖像的打包文件
在本教學的範圍內:
- 如何將文件上傳附加到您的表單
- 如何個性化文件上傳配置
- 如何修改文檔上傳狀態
- 如何監控文件條目
開始前
請參閱我們的表單基礎知識課程,以了解如何在 Webflow 中製作表單。
如何將文件上傳附加到您的表單
首先,確認您已包含 形成塊 頁面上的元件。隨後,拖放 文件上傳 按鈕從 新增面板 (一)> 形式 直接在您的部分 形式.
如何個性化文件上傳配置
將 document 上傳輸入整合到畫布後,除了文字說明之外,還會立即顯示「上傳檔案」按鈕。設定面板也將打開 文件上傳預設 狀態。
在此位置,您可以在 4 個選項之間切換 狀態 document 上傳操作的說明。下面,我們將解釋如何調整和設計它們。
您還可以到達 標籤 這 文件上傳 按鈕。當您希望包含多個 文件上傳 表單中的按鈕(例如「履歷」和「求職信」)。此標籤將有助於識別參賽數據中提交的文件。
您可以選擇強制上傳 document,類似其他表單輸入元件。
您也可以選擇 僅允許特定文件類別。 這使您能夠限制使用者可以透過該特定表單中的按鈕提交的文件類型。
僅允許特定文件類別
預設情況下,使用者可以提交任何支援的檔案 category。儘管如此,您可以限製文件類別並選擇是否 文件上傳 按鈕將允許用戶提交 紙 文件,一個 圖片 文件,甚至是您在中定義的自訂文件類別 風俗 文字區域輸入。
document 上傳支援的檔案類別
每個 document 上傳按鈕接受最大 10MB 的單一文件,文件格式如下:
- 文件 — .ai、.csv、.doc、.docx、.indd、.key、.numbers、.pps、.ppt、.pptx、.psd、.ods、.odt、.pages、.pdf、.txt、. xls、.xlsx、.odt、.ods、.odp
- 圖片 — .bmp、.dng、.eps、.gif、.jpg、.jpeg、.png、.ps、.raw、.svg、.tga、.tif、.tiff、.webp
- 風俗 — 音訊檔案(.m4a、.mid、.mp3、.mpa、.ogg、.wav、.wma)、視訊檔案(.3gp、.avi、.flv、.m4v、.mov、.mp4、.mpg、 .wmv)、.zip、.heic
提醒: 文件格式不區分大小寫。
document 上傳不支援的檔案類別
出於安全考慮,不允許使用以下檔案類別:.apk、.app、.bat、.cgi、.com、.exe、.ps1、.gadget、.jar、.sh、.wsf、.tar、.tar .gz
有價值的資訊: 您可以在每個表單中嵌入最多 20 個 document 上傳按鈕,並單獨配置每個按鈕。例如,您可以設定一個僅接受 PDF 的「附加履歷」按鈕,以及另一個僅接受圖像的「上傳頭像」按鈕。
如何自訂文檔上傳狀態
您對 document 上傳旅程的所有不同狀態的外觀和氛圍擁有完全的控制權:
- 預設 — 按鈕的常規外觀
- 上傳中 — 按鈕在上傳過程中的外觀
- 成功 — 文件上傳後按鈕的外觀
- 錯誤 — 出現問題時將顯示的訊息