影片連結：https://www.youtube.com/watch?v=lmF9zRrS-kM
YouTube 頻道：https://www.youtube.com/c/kaochenlong

因為都是操作型的介紹，建議大家可以直接跟著 YouTube 影片實做會更容易理解。

n8n 裡的表單是我很喜歡的節點，非常方便、好用。透過這個節點可以輕鬆做出像是揪團、活動報名表、問卷調查系統甚至是簡單的會員登入系統都沒問題，而且幾乎不用寫到程式碼。

有些時候活動報名或問卷會有收集檔案（照片、發票、單據等）的情境，所以這一集繼續介紹如何使用表單功能來做到檔案（如照片）上傳，並將上傳的檔案存放至 Google Drive，順便把上傳的檔案加上流水號等自訂字串，避免檔案覆蓋問題。

表單建立與檔案欄位設定

• 建立空白表單，設定表單標題及欄位名稱（例：照片上傳）。
• 檔案欄位（file element）選擇單檔上傳，可設定限制可接受檔案格式（如 jpg 或 png）。
• 欄位名稱（field name）必須正確命名，後續流程才可取得檔案資料。

串接 Google Drive

• 在節點中選擇 Google Drive，上傳檔案。
• 指定要存放的 Google Drive 資料夾（可事先建立「測試上傳用」之類的資料夾）。
• 若想使用其他雲端存放方案，可考慮 AWS S3 或其它方案，但注意可能會額外產生費用。

檔案重新命名

• 檔案原本的名稱：{{ $binary.photo.fileName }}
• 工作流每次執行的流水號： {{ $execution.id }}），這會隨每次流程執行而遞增
• 最後組成的檔名會是 {{ $execution.id }}-{{ $binary.photo.fileName }}
• 如果有需求，都可以再調整或是用你自己喜歡的方式設定。

表單結尾訊息設定

• 使用 Form ending 節點加上表單完成後的提示訊息（例：上傳成功），提升使用者體驗。
• 另外，n8n 的表單雖然有提供客製化的功能，但沒辦法做太複雜的設計，若需要更美觀可能得考慮其它替代方案。

因為都是操作型的介紹，建議大家可以直接跟著 YouTube 影片實做會更容易理解。

工作流下載：https://gist.github.com/kaochenlong/497300c51695b691edc409a2f77f83c0