在 Node.js 中合併 PNG 文件

這篇部落格文章介紹了 GroupDocs.Merger,它公開了 Cloud SDksREST API 以程式設計方式合併各種檔案格式。此外,還有一個基於網路的線上工具來執行檔案合併,而且它也由GroupDocs.Merger Cloud SDK提供支援。然而,在這篇文章中,我們將學習如何在 Node.js 中合併 PNG 文件,我們也將透過這個線上工具將 PNG 文件合併為一個。因此,請仔細閱讀本文,在本教程結束時,您將能夠以程式設計方式合併 PNG 圖像。

我們將在本文中介紹以下部分:

PNG 合併程式庫安裝

讓我們在專案中安裝 GroupDocs.Merger Cloud SDK for Node.js。這個企業級 PNG 合併程式庫易於安裝,並提供廣泛的功能來以程式設計方式合併 PNG 檔案。因此,您可以在終端機/CMD 中執行以下命令:

npm install groupdocs-merger-cloud

成功安裝後,下一步是取得 API 憑證(客戶端 ID + 客戶端金鑰)。從 API 雲端 儀表板 取得 API 憑證的過程非常簡單。

如果您在取得 API 憑證時遇到任何困難,請造訪此指南

以程式設計方式在 Node.js 中合併 PNG 檔案

在開始編寫程式碼之前,請注意我們已將兩個來源 PNG 映像上傳到 API Cloud 儀表板。事實上,您可以透過呼叫此 UploadFile 方法來手動或以程式設計方式上傳。

以下步驟展示如何在 Node.js 中組合 PNG 檔案:

  • 在您的 Node.js 專案中包含 groupdocs-merger-cloud 模組。
  • 從 API Cloud Dashboard 取得 API 憑證。
  • 呼叫 DocumentApi 類別的 fromKeys 方法並傳遞 API 憑證。
  • 初始化 JoinItem 類別的實例,該類別描述連接操作的文檔。
  • 實例化 FileInfo 類別的物件。
  • 透過呼叫 filePath 屬性定義來源 PNG 檔案的檔案路徑。
  • 建立 JoinOptions 類別的物件。
  • 呼叫 JoinItems 屬性來指派來源文檔數組。
  • 設定產生的合併 PNG 影像的輸出路徑。
  • 初始化 JoinRequest 類別的實例並將其傳遞給 join 方法以合併 JPG 檔案。

以下程式碼範例示範如何以程式設計方式合併 PNG 圖像:


 // 在您的 Node.js 專案中包含 groupdocs-merger-cloud 模組。
const merger_cloud = require("groupdocs-merger-cloud");
// 從 API Cloud Dashboard 取得 API 憑證 
const clientId = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
const clientSecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

// 呼叫 DocumentApi 類別的 fromKeys 方法並傳遞 API 憑證。
const documentApi = merger_cloud.DocumentApi.fromKeys(clientId, clientSecret);
// 初始化 JoinItem 類別的實例,該類別描述用於連接操作的文檔。
let item1 = new merger_cloud.JoinItem();
// 實例化 FileInfo 類別的物件。
item1.fileInfo = new merger_cloud.FileInfo();
// 透過呼叫 filePath 屬性定義來源 PNG 檔案的檔案路徑。
item1.fileInfo.filePath = "first.png";
 
let item2 = new merger_cloud.JoinItem();
item2.fileInfo = new merger_cloud.FileInfo();
item2.fileInfo.filePath = "second.png";    
// 建立 JoinOptions 類別的物件。
let options = new merger_cloud.JoinOptions();
// 呼叫 JoinItems 屬性來指派來源文檔數組。
options.joinItems = [item1, item2];
// 設定產生的合併 PNG 影像的輸出路徑。
options.outputPath = "Output/merged.png";
// 初始化 JoinRequest 類別的實例並將其傳遞給 join 方法以合併 JPG 檔案。  
documentApi.join(new merger_cloud.JoinRequest(options)).then(()=>console.log("Successfully combined PNG files into one."));
  

運行主檔案後,您將在 API Cloud 儀表板 的「Output」資料夾中看到產生的新檔案(即 merged.png)。上述程式碼片段的輸出如下所示:

將 png 檔案合併為一個

同樣,您可以透過呼叫 DownloadFile 方法手動或以程式設計方式下載檔案。

線上合併 PNG 檔案

到目前為止,我們已經學習如何在 Node.js 中以程式設計方式合併 PNG 檔案。現在本指南將帶您存取此 PNG 合併庫的線上版本。因此,它非常易於使用並在幾秒鐘內完成任務。最重要的是,它可以免費使用,無需建立帳戶或訂閱。

線上合併 png 文件

最後的想法

最後,我們了解如何以程式設計方式在 Node.js 中合併 PNG 檔案。此外,我們還介紹了可用於合併 PNG 影像的步驟和程式碼範例。此外,如果您想在 Node.js 中建立 PNG 合併模組,這篇部落格文章將為您提供協助。那麼,您可以造訪文件來了解GroupDocs.Merger Cloud SDK for Node.js公開的其他功能。您可以在此處與即時 API 進行交互,也可以存取 GitHub 儲存庫,因為它是開源的。

此外,我們建議您遵循我們的入門指南

最後,groupdocs.cloud 正在撰寫新的部落格文章。因此,請保持聯繫以獲取定期更新。

問一個問題

您可以在我們的論壇上告訴我們您的問題或疑問。

常見問題 – 常見問題解答

如何在 Node.js 中合併兩個檔案?

GroupDocs.Merger Cloud SDK for Node.js 提供了大量功能來將兩個檔案合併為一個。請造訪文件以了解更多資訊。

如何將多張圖片合併為一張?

請造訪此連結將 PNG 檔案合併為一個。

也可以看看