在 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 文件合并为一个。

也可以看看