# n8n上傳圖片卡關？Cloudinary API 設定教學，一次解決所有煩惱

> 發布：2025-10-06｜更新：2025-10-22
> 網址：https://lifecheatslab.com/n8n-cloudinary-api/
> 摘要：想在n8n上傳圖片到Instagram或Notion嗎？本篇Cloudinary n8n教學將手把手帶你設定HTTP Request節點，取得Cloudinary API金鑰與Upload Preset，讓你輕鬆搞定n8n圖庫串接，徹底解決n8n上傳圖片的煩惱。

在n8n上傳圖片有兩種方法，一種是直接上傳圖檔，一種是把圖變成網址再上傳，

像是IG、Threads或Notion，就是只吃網址，不吃圖檔。

這時就需要找有API的免費圖庫，上傳圖片獲得網址，再傳到本來要傳的地方。

我找了很久，發現Cloudinary最好用，申請方便、API好串、免費額度也給得很大方。

注意：申請API請使用電腦操作，使用手機很可能會有各種奇怪的問題。

## n8n 上傳圖片前置作業：搞定 Cloudinary API 參數

![n8n串接Cloudinary圖庫，解決圖片上傳網址問題。](/images/posts/n8n-cloudinary-api/image-01.webp)

要在n8n裡透過API把圖片傳到Cloudinary，其實不複雜。

你只需要設定一個HTTP Request節點，然後拿到兩個關鍵的值：

-   **Cloud Name (雲端名稱)**：這就是你的帳號ID。
-   **Upload Preset (上傳預設集)**：這是一組上傳規則，決定圖片要怎麼存。

接下來，我會一步步帶你把這兩個值從Cloudinary後台找出來。

![n8n中使用HTTP Request節點設定Cloudinary圖片上傳。](/images/posts/n8n-cloudinary-api/image-02.webp)

![n8n串接Cloudinary API需要的兩個重要參數：Cloudinary ID與Upload Preset。](/images/posts/n8n-cloudinary-api/image-03.webp)

這是n8n裡上傳到Cloudinary的節點設定，你可以參考。

## 第一步：取得 Cloudinary Cloud Name

![Cloudinary官方網站首頁，點擊GET STARTED開始註冊。](/images/posts/n8n-cloudinary-api/image-04.webp)

首先，我們要拿到帳號的唯一ID，也就是Cloud Name。

進入[Cloudinary官網](https://cloudinary.com/)後，點擊「GET STARTED」註冊一個新帳號。

以上藍色字是超連結，點擊能直接前往該網頁。

![登入Cloudinary後，點擊Skip跳過初始設定畫面。](/images/posts/n8n-cloudinary-api/image-05.webp)

登入後會有一些設定引導，直接按「Skip」跳過就好。

![Cloudinary使用者個人資料調查問卷填寫頁面。](/images/posts/n8n-cloudinary-api/image-06.webp)

填完一些無關緊要的個人資料後，你就會被帶到主控台（Dashboard）。

![在Cloudinary儀表板找到並複製Cloud Name作為API串接的ID。](/images/posts/n8n-cloudinary-api/image-07.webp)

注意看紅框處的「Cloud Name」，這就是我們要的第一個值！點擊旁邊的複製按鈕，把它存下來。這東西等於你的帳號，別隨便給人。

## 第二步：建立 Upload Preset 取得上傳規則

![從Cloudinary左側導覽列點擊Assets進入資源管理。](/images/posts/n8n-cloudinary-api/image-08.webp)

![在Cloudinary的Assets管理介面中選擇Folders資料夾管理。](/images/posts/n8n-cloudinary-api/image-09.webp)

接下來，我們要設定一個「上傳預設集（Upload Preset）」，讓n8n知道圖片傳上來之後要幹嘛。首先，為了方便管理，我們先建一個專門放n8n上傳圖片的資料夾。點左邊的「Assets」->「Folders」。

![在Cloudinary中點擊按鈕以新增圖片上傳用的資料夾。](/images/posts/n8n-cloudinary-api/image-10.webp)

![為新的Cloudinary圖片資料夾設定一個自訂名稱。](/images/posts/n8n-cloudinary-api/image-11.webp)

然後點擊新增資料夾的圖示，隨便取個你喜歡的名字。

![點擊Cloudinary左上角的Home回到主頁儀表板。](/images/posts/n8n-cloudinary-api/image-12.webp)

![在Cloudinary儀表板點擊Go to API Keys前往API設定。](/images/posts/n8n-cloudinary-api/image-13.webp)

![進入Cloudinary設定頁面後，點擊Upload頁籤以設定上傳規則。](/images/posts/n8n-cloudinary-api/image-14.webp)

接著，按左上角「Home」回到主頁，點擊「Go to API Keys」前往設定，再選擇「Upload」頁籤。

![在Cloudinary上傳設定中，點擊Add Upload Preset新增上傳預設集。](/images/posts/n8n-cloudinary-api/image-15.webp)

在這裡，你會看到一個「Upload presets」的區塊，點「Add upload preset」。

![設定Cloudinary新的Upload Preset，包含命名、將簽署模式改為Unsigned、並指定上傳資料夾。](/images/posts/n8n-cloudinary-api/image-16.webp)

現在是最關鍵的設定：

-   **Upload preset name**：把它想成是API的密碼，取一個越難猜到的名字越好。這就是我們要的第二個值！
-   **Signing Mode**：把它改成「Unsigned」。這樣n8n才能在沒有複雜簽章的情況下直接上傳。
-   **Folder**：指定到你剛剛建立的那個資料夾。

都設定好之後，按右上角的「Save」儲存。

## 第三步：回到 n8n 完成串接

#### 如果你使用我的模板

![image](/images/posts/n8n-cloudinary-api/image-17.webp)

回到你的n8n首頁，點紅框處的Data tables (需要1.113版本以上，如果沒看到就是版本不夠)

![image](/images/posts/n8n-cloudinary-api/image-18.webp)

在裡面需要建立一個Data tables，名稱建議是「社群金鑰」，當然也能不一樣。

![image](/images/posts/n8n-cloudinary-api/image-19.webp)

我的模版使用Data tables控管金鑰，你需要新增像紅框的那兩行，如果圖太小可以右鍵按圖片，選擇在新分頁開啟圖片。

那兩行分別是id和upload\_preset，各自對應「Cloud Name」和「Upload Preset Name」，注意欄位名稱都要跟我圖片一樣，除了value能不一樣，value就是要填你實際拿到的值！note是備註給你自己看的，自己看的懂就行。

當這部份做完後，你的Cloudinary節點就能使用了，如果報錯就檢查這兩個值是否填錯。

#### 如果你沒有使用我的模板

![在n8n中成功上傳圖片到Cloudinary後，從節點輸出取得圖片URL。](/images/posts/n8n-cloudinary-api/image-20.webp)

好了，現在我們手上已經有「Cloud Name」和「Upload Preset Name」這兩個寶物了。回到n8n，把HTTP Request節點打開，把這兩個值填進對應的欄位，就能把圖片上傳到Cloudinary了！上傳後紅框處的URL就是上傳圖片後需要的連結，能用在各種只支援URL的地方。

![回到Cloudinary的Assets管理頁面，確認n8n上傳的圖片已成功儲存。](/images/posts/n8n-cloudinary-api/image-21.webp)

回到Cloudinary後台的「Assets」看一下，你會發現剛剛上傳的圖片已經乖乖地躺在你指定的資料夾裡了。未來所有透過n8n上傳的圖片，都可以在這裡統一管理，是不是超方便？

搞定！從此以後，需要上傳圖片卻又不能直接傳圖檔時，就能用這個方式先上傳圖庫，再使用該圖片的URL進行上傳。

若你想知道哪時需要上傳圖庫，可以看這一篇[一鍵自動多平台發文：用n8n把自媒體變成一人公司，同時經營五個平台](/n8n-social-media-template/)，像這種需要發文的系統就經常使用Cloudinary圖庫。

如果你還不擅長n8n，能跟著我的[學習筆記](/n8n-aiagent/)，一步步一起跟著做！

若你喜歡這類文章，[歡迎追蹤我的FB帳號，觀看我每天更新的開發與學習分享](/Facebook)。

## Q&A常見問題