Hợp nhất các tệp PNG trong Node.js

Bài đăng trên blog này giới thiệu GroupDocs.Merger đã cho thấy Cloud SDksREST APIs để hợp nhất các định dạng tệp khác nhau theo chương trình. Ngoài ra, còn có một công cụ trực tuyến dựa trên web để thực hiện việc hợp nhất tệp và nó cũng được cung cấp bởi GroupDocs.Merger Cloud SDK. Tuy nhiên, trong bài đăng blog này, chúng ta sẽ tìm hiểu cách hợp nhất các tệp PNG trong Node.js và chúng ta cũng sẽ sử dụng công cụ trực tuyến này để kết hợp các tệp PNG thành một. Do đó, vui lòng đọc kỹ bài viết này và khi kết thúc hướng dẫn này, bạn sẽ có thể hợp nhất các hình ảnh PNG theo chương trình.

Chúng tôi sẽ đề cập đến các phần sau trong bài viết này:

Cài đặt thư viện sáp nhập PNG

Hãy cài đặt GroupDocs.Merger Cloud SDK for Node.js trong dự án của chúng ta. Thư viện hợp nhất PNG cấp doanh nghiệp này rất dễ cài đặt và cung cấp nhiều tính năng để hợp nhất các tệp PNG theo chương trình. Vì vậy, bạn có thể chạy lệnh sau vào terminal/CMD:

npm install groupdocs-merger-cloud

Sau khi cài đặt thành công, bước tiếp theo là lấy thông tin xác thực API (ID khách hàng + Bí mật khách hàng). Có một quy trình rất đơn giản để nhận thông tin xác thực API từ API Cloud trang tổng quan.

Vui lòng truy cập hướng dẫn này trong trường hợp bạn gặp bất kỳ khó khăn nào trong việc lấy thông tin xác thực API.

Hợp nhất các tệp PNG trong Node.js theo lập trình

Trước khi chuyển sang viết mã, xin lưu ý rằng chúng tôi đã tải hai hình ảnh PNG nguồn lên bảng điều khiển API Cloud. Trên thực tế, bạn có thể tải lên theo cách thủ công hoặc theo chương trình bằng cách gọi phương thức UploadFile này.

Các bước sau đây cho biết cách kết hợp các tệp PNG trong Node.js:

  • Bao gồm mô-đun groupdocs-merger-cloud trong dự án Node.js của bạn.
  • Nhận thông tin xác thực API từ Bảng điều khiển đám mây API.
  • Gọi phương thức fromKeys của lớp DocumentApi và chuyển thông tin xác thực API.
  • Khởi tạo một thể hiện của lớp JoinItem mô tả tài liệu cho thao tác nối.
  • Khởi tạo một đối tượng của lớp FileInfo.
  • Xác định đường dẫn tệp của tệp PNG nguồn bằng cách gọi thuộc tính filePath.
  • Tạo một đối tượng của lớp JoinOptions.
  • Gọi thuộc tính JoinItems để gán mảng tài liệu nguồn.
  • Đặt đường dẫn đầu ra cho hình ảnh PNG đã hợp nhất được tạo.
  • Khởi tạo một thể hiện của lớp JoinRequest và chuyển nó vào phương thức join để hợp nhất các tệp JPG.

Mẫu mã sau đây trình bày cách hợp nhất các hình ảnh PNG theo chương trình:


 // Bao gồm mô-đun groupdocs-merger-cloud trong dự án Node.js của bạn.
const merger_cloud = require("groupdocs-merger-cloud");
// Nhận thông tin xác thực API từ Bảng điều khiển đám mây API 
const clientId = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
const clientSecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

// Gọi phương thức fromKeys của lớp DocumentApi và chuyển thông tin xác thực API.
const documentApi = merger_cloud.DocumentApi.fromKeys(clientId, clientSecret);
// Khởi tạo một thể hiện của lớp JoinItem mô tả tài liệu cho thao tác nối.
let item1 = new merger_cloud.JoinItem();
// Khởi tạo một đối tượng của lớp FileInfo.
item1.fileInfo = new merger_cloud.FileInfo();
// Xác định đường dẫn tệp của tệp PNG nguồn bằng cách gọi thuộc tính filePath.
item1.fileInfo.filePath = "first.png";
 
let item2 = new merger_cloud.JoinItem();
item2.fileInfo = new merger_cloud.FileInfo();
item2.fileInfo.filePath = "second.png";    
// Tạo một đối tượng của lớp JoinOptions.
let options = new merger_cloud.JoinOptions();
// Gọi thuộc tính JoinItems để gán mảng tài liệu nguồn.
options.joinItems = [item1, item2];
// Đặt đường dẫn đầu ra cho các hình ảnh PNG đã hợp nhất được tạo.
options.outputPath = "Output/merged.png";
// Khởi tạo một thể hiện của lớp JoinRequest và chuyển nó vào phương thức nối để hợp nhất các tệp JPG.  
documentApi.join(new merger_cloud.JoinRequest(options)).then(()=>console.log("Successfully combined PNG files into one."));
  

Sau khi chạy tệp chính, bạn sẽ thấy một tệp mới (tức là merge.png) được tạo trong thư mục “Đầu ra” trong API Cloud trang tổng quan. Đầu ra của đoạn mã trên được hiển thị bên dưới:

kết hợp các tập tin png thành một

Một lần nữa, bạn có thể tải xuống tệp theo cách thủ công hoặc theo chương trình bằng cách gọi phương thức DownloadFile.

Hợp nhất các tệp PNG trực tuyến

Cho đến nay, chúng ta đã học cách hợp nhất các tệp PNG trong Node.js theo chương trình. Bây giờ hướng dẫn này sẽ đưa bạn đến phiên bản trực tuyến của thư viện sáp nhập PNG này. Vì vậy, nó khá dễ sử dụng và thực hiện các tác vụ trong vài giây. Trên hết, nó miễn phí sử dụng và không yêu cầu tạo tài khoản hay đăng ký.

hợp nhất các tập tin png trực tuyến

suy nghĩ cuối cùng

Để kết luận, chúng ta đã xem xét cách hợp nhất các tệp PNG trong Node.js theo chương trình. Ngoài ra, chúng tôi cũng đề cập đến các bước và mẫu mã mà bạn có thể sử dụng để hợp nhất các hình ảnh PNG. Hơn nữa, bài đăng trên blog này sẽ giúp bạn nếu bạn muốn xây dựng mô-đun hợp nhất PNG trong Node.js. Chà, bạn có thể truy cập tài liệu để tìm hiểu về các tính năng khác được GroupDocs.Merger Cloud SDK dành cho Node.js cung cấp. Bạn có thể tương tác với API trực tiếp tại đây và bạn cũng có thể truy cập kho lưu trữ GitHub vì đây là nguồn mở.

Hơn nữa, chúng tôi khuyên bạn nên làm theo Hướng dẫn bắt đầu của chúng tôi.

Cuối cùng, groupdocs.cloud đang viết bài đăng blog mới. Vì vậy, hãy giữ liên lạc để cập nhật thường xuyên.

Đặt một câu hỏi

Bạn có thể cho chúng tôi biết về các câu hỏi hoặc thắc mắc của bạn trên diễn đàn của chúng tôi.

Câu hỏi thường gặp – Câu hỏi thường gặp

Làm cách nào để hợp nhất hai tệp trong Node.js?

GroupDocs.Merger Cloud SDK dành cho Node.js cung cấp rất nhiều tính năng để hợp nhất hai tệp thành một. Vui lòng truy cập tài liệu để tìm hiểu thêm.

Làm cách nào để ghép nhiều hình ảnh thành một?

Vui lòng truy cập liên kết này để kết hợp các tệp PNG thành một.

Xem thêm