รวมไฟล์ PNG ใน Node.js

โพสต์ในบล็อกนี้แนะนำ GroupDocs.Merger ซึ่งได้เปิดเผย Cloud SDks และ REST API เพื่อผสานรวมรูปแบบไฟล์ต่างๆ โดยทางโปรแกรม นอกจากนี้ ยังมีเครื่องมือบนเว็บ ออนไลน์ เพื่อทำการรวมไฟล์ และยังขับเคลื่อนโดย GroupDocs.Merger Cloud SDK อย่างไรก็ตาม ในโพสต์บนบล็อกนี้ เราจะได้เรียนรู้วิธีรวมไฟล์ PNG ใน Node.js และเราจะใช้เครื่องมือออนไลน์นี้เพื่อรวมไฟล์ PNG ให้เป็นไฟล์เดียว ดังนั้น โปรดอ่านบทความนี้อย่างละเอียด และเมื่อสิ้นสุดบทช่วยสอนนี้ คุณจะสามารถรวมรูปภาพ PNG โดยทางโปรแกรมได้

เราจะกล่าวถึงหัวข้อต่อไปนี้ในบทความนี้:

การติดตั้งไลบรารี PNG Merger

มาติดตั้ง GroupDocs.Merger Cloud SDK for Node.js ในโปรเจ็กต์ของเรากันดีกว่า ไลบรารีการรวม PNG ระดับองค์กรนี้ติดตั้งง่ายและมีคุณสมบัติที่หลากหลายในการรวมไฟล์ PNG โดยทางโปรแกรม ดังนั้น คุณสามารถรันคำสั่งต่อไปนี้ในเทอร์มินัล/CMD :

npm install groupdocs-merger-cloud

เมื่อติดตั้งสำเร็จ ขั้นตอนต่อไปคือการรับข้อมูลรับรอง API (รหัสไคลเอ็นต์ + ความลับไคลเอ็นต์) มีกระบวนการที่ง่ายมากในการรับข้อมูลรับรอง API จาก API Cloud แดชบอร์ด

โปรดไปที่ guide นี้ ในกรณีที่คุณประสบปัญหาในการรับข้อมูลรับรอง API

รวมไฟล์ PNG ใน Node.js โดยทางโปรแกรม

ก่อนที่จะเริ่มเขียนโค้ด โปรดทราบว่าเราได้อัปโหลดอิมเมจ PNG ต้นฉบับสองรายการไปยังแดชบอร์ด API Cloud แล้ว ที่จริงแล้ว คุณอาจอัปโหลดด้วยตนเองหรือโดยทางโปรแกรมก็ได้โดยการเรียกใช้เมธอด UploadFile นี้

ขั้นตอนต่อไปนี้แสดงวิธีรวมไฟล์ PNG ใน Node.js:

  • รวมโมดูล groupdocs-merger-cloud ในโปรเจ็กต์ Node.js ของคุณ
  • รับข้อมูลรับรอง API จาก API Cloud Dashboard
  • เรียกใช้เมธอด fromKeys ของคลาส DocumentApi และส่งข้อมูลรับรอง API
  • เตรียมใช้งานอินสแตนซ์ของคลาส JoinItem ที่อธิบายเอกสารสำหรับการดำเนินการรวม
  • สร้างอินสแตนซ์วัตถุของคลาส FileInfo
  • กำหนดเส้นทางไฟล์ของไฟล์ PNG ต้นทางโดยการเรียกคุณสมบัติ filePath
  • สร้างวัตถุของคลาส JoinOptions
  • เรียกคุณสมบัติ JoinItems เพื่อกำหนดอาร์เรย์เอกสารต้นฉบับ
  • กำหนดเส้นทางเอาต์พุตสำหรับรูปภาพ PNG ที่ผสานเข้าด้วยกัน
  • เริ่มต้นอินสแตนซ์ของคลาส JoinRequest และส่งผ่านไปยังเมธอด join เพื่อรวมไฟล์ JPG

ตัวอย่างโค้ดต่อไปนี้สาธิตวิธีการรวมรูปภาพ PNG โดยทางโปรแกรม:


 // รวมโมดูล groupdocs-merger-cloud ในโปรเจ็กต์ Node.js ของคุณ
const merger_cloud = require("groupdocs-merger-cloud");
// รับข้อมูลรับรอง API จาก API Cloud Dashboard 
const clientId = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx";
const clientSecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

// เรียกใช้เมธอด fromKeys ของคลาส DocumentApi และส่งข้อมูลรับรอง API
const documentApi = merger_cloud.DocumentApi.fromKeys(clientId, clientSecret);
// เตรียมใช้งานอินสแตนซ์ของคลาส JoinItem ที่อธิบายเอกสารสำหรับการดำเนินการเข้าร่วม
let item1 = new merger_cloud.JoinItem();
// สร้างอินสแตนซ์วัตถุของคลาส FileInfo
item1.fileInfo = new merger_cloud.FileInfo();
// กำหนดเส้นทางไฟล์ของไฟล์ PNG ต้นทางโดยการเรียกคุณสมบัติ filePath
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 และส่งผ่านไปยังวิธีการรวมเพื่อรวมไฟล์ JPG  
documentApi.join(new merger_cloud.JoinRequest(options)).then(()=>console.log("Successfully combined PNG files into one."));
  

เมื่อคุณเรียกใช้ไฟล์หลัก คุณจะเห็นไฟล์ใหม่ (เช่น merged.png) ที่สร้างขึ้นในโฟลเดอร์ “Output” ใน API Cloud แดชบอร์ด ผลลัพธ์ของข้อมูลโค้ดข้างต้นแสดงอยู่ด้านล่าง:

รวมไฟล์ png ให้เป็นไฟล์เดียว

ขอย้ำอีกครั้งว่าคุณอาจดาวน์โหลดไฟล์ด้วยตนเองหรือโดยทางโปรแกรมก็ได้โดยการเรียกใช้เมธอด DownloadFile

รวมไฟล์ PNG ออนไลน์

จนถึงตอนนี้ เราได้เรียนรู้วิธีรวมไฟล์ PNG ใน Node.js โดยทางโปรแกรมแล้ว ตอนนี้คู่มือนี้จะนำคุณไปสู่เวอร์ชัน ออนไลน์ ของไลบรารีการรวม PNG นี้ ดังนั้นจึงค่อนข้างใช้งานง่ายและดำเนินการได้ภายในไม่กี่วินาที เหนือสิ่งอื่นใด ใช้งานได้ฟรีและไม่จำเป็นต้องสร้างบัญชีหรือสมัครสมาชิก

รวมไฟล์ png ออนไลน์

ความคิดสุดท้าย

โดยสรุป เราได้อธิบายวิธีการรวมไฟล์ PNG ใน Node.js โดยทางโปรแกรมแล้ว นอกจากนี้ เรายังกล่าวถึงขั้นตอนและตัวอย่างโค้ดที่คุณสามารถใช้เพื่อรวมภาพ PNG ได้ด้วย นอกจากนี้ โพสต์ในบล็อกนี้จะช่วยคุณหากคุณต้องการสร้างโมดูลการควบรวม PNG ใน Node.js คุณสามารถไปที่ เอกสาร เพื่อเรียนรู้เกี่ยวกับคุณสมบัติอื่น ๆ ที่เปิดเผยโดย GroupDocs.Merger Cloud SDK สำหรับ Node.js คุณสามารถโต้ตอบกับ API แบบสดได้ ที่นี่ และคุณยังสามารถเยี่ยมชม GitHub repo ได้เนื่องจากเป็นโอเพ่นซอร์ส

นอกจากนี้ เราขอแนะนำให้คุณปฏิบัติตาม คู่มือการเริ่มต้นใช้งาน

สุดท้ายนี้ groupdocs.cloud กำลังเขียนบล็อกโพสต์ใหม่ ดังนั้นโปรดติดต่อเพื่อรับการอัปเดตเป็นประจำ

ถามคำถาม

คุณสามารถแจ้งให้เราทราบเกี่ยวกับคำถามหรือข้อสงสัยของคุณได้ใน ฟอรั่ม ของเรา

คำถามที่พบบ่อย – คำถามที่พบบ่อย

จะรวมสองไฟล์ใน Node.js ได้อย่างไร

GroupDocs.Merger Cloud SDK for Node.js นำเสนอฟีเจอร์มากมายเพื่อรวมสองไฟล์ไว้ในไฟล์เดียว โปรดไปที่ เอกสารประกอบ เพื่อเรียนรู้เพิ่มเติม

จะรวมหลายภาพเป็นภาพเดียวได้อย่างไร?

โปรดไปที่ ลิงก์ เพื่อรวมไฟล์ PNG เป็นไฟล์เดียว

ดูสิ่งนี้ด้วย