การใช้งาน Append binary file ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

# การใช้งาน Append Binary File ในภาษา JavaScript ด้วยวิธีง่ายๆ พร้อมตัวอย่าง Code

บทนำ

เมื่อพูดถึงการจัดการไฟล์ในภาษา JavaScript, งานที่เรามักพบเจอพื้นฐานที่สุด อาจเป็นอ่าน (read) และเขียน (write) ไฟล์นั่นเองครับ แต่สำหรับภายในกรณีที่เราต้องการทำการเพิ่มข้อมูล (append) ไปยังไฟล์ที่มีอยู่แล้ว โดยเฉพาะกับไฟล์ประเภท binary เช่น ไฟล์รูปภาพ หรือไฟล์เสียง ภาษา JavaScript ก็มีเครื่องมือให้ครับ วันนี้เราจะมาดูกันว่าเราสามารถ append binary file ใน JavaScript ได้อย่างไรบ้าง

ตัวอย่างโค้ดที่ 1: การเพิ่มข้อมูลไปยังไฟล์ใช้ Node.js

ในสภาวะแวดล้อมของ Node.js, เราสามารถใช้ `fs` module เพื่อทำการ append ข้อมูลไบนารีไปยังไฟล์ได้ครับ:

 const fs = require('fs');

// สมมติว่าเราต้องการ append ข้อมูลไปยังไฟล์ binary.bin
let bufferToAdd = Buffer.from('ข้อมูลใหม่', 'utf-8');

fs.appendFile('binary.bin', bufferToAdd, (err) => {
  if (err) throw err;
  console.log('ข้อมูลถูกเพิ่มเข้าไฟล์แล้วครับ');
});

ฟังก์ชัน `appendFile` นั้นทำงานโดยเพิ่มข้อมูลไปยังไฟล์โดยตรง นี่คือวิธีที่ง่ายที่สุดในการ append ข้อมูลโดยไม่ต้องเปิดและปิดไฟล์ด้วยตัวคุณเองครับ

ตัวอย่างโค้ดที่ 2: การใช้ไฟล์สตรีมใน Node.js

หากเราต้องการมีการควบคุมมากขึ้นในขณะการเพิ่มข้อมูล เช่น การตรวจสอบสถานะของขั้นตอนหรือการจัดการข้อผิดพลาดได้ดีขึ้น เราสามารถใช้ Streams ได้ครับ:

 const fs = require('fs');
const stream = fs.createWriteStream('binary.bin', {flags: 'a'});

// สร้างข้อมูลที่ต้องการ append
let bufferToAdd = Buffer.from('ข้อมูลใหม่', 'utf-8');

// Append ข้อมูลไปยังไฟล์
stream.write(bufferToAdd);

// ปิด stream หลังจาก append ข้อมูลเสร็จสิ้น
stream.end();

stream.on('finish', () => {
  console.log('ข้อมูลถูกเพิ่มเข้าไฟล์แล้วครับ');
});

การใช้ Streams นั้นช่วยให้คุณสามารถ append ข้อมูลได้อย่างมีประสิทธิภาพและทำให้การจัดการข้อมูลใหญ่ๆ ทำได้ง่ายขึ้นครับ

ตัวอย่างโค้ดที่ 3: การอ่านและเขียนไฟล์โดยใช้ FileReader และ Blob ในเว็บบราวเซอร์

ในเว็บบราวเซอร์, เราต้องใช้ API ที่ต่างออกไป เพื่อจัดการกับไฟล์ไบนารีครับ:

 // สร้าง Blob ใหม่ที่ต้องการ append
let newData = new Blob(['ข้อมูลใหม่'], { type: 'text/plain' });

// อ่านไฟล์เดิม
let fileReader = new FileReader();
fileReader.readAsArrayBuffer(oldFile);

fileReader.onload = function(event) {
  let oldData = event.target.result;

  // รวมข้อมูลเก่าและข้อมูลใหม่
  let combinedData = new Blob([oldData, newData], { type: 'text/plain' });

  // บันทึก combinedData ออกมาเป็นไฟล์ใหม่
  // ใช้ API เช่น `URL.createObjectURL()` หรือใช้ `FileSaver.js` สำหรับบันทึกไฟล์
};

fileReader.onerror = function (error) {
  console.log('Error reading file:', error);
};

การใช้ `FileReader` และ `Blob` นั้นช่วยให้เราสามารถจัดการกับไฟล์ไบนารีในระบบของเว็บบราวเซอร์ได้อย่างมีประสิทธิภาพครับ

Usecase ในโลกจริง

ในโลกจริง, การ append ข้อมูลไปยังไฟล์ binary นั้นใช้ในหลายๆ สถานการณ์ เช่น

1. การบันทึก log files: สำหรับบันทึกรายละเอียดการดำเนินการต่างๆ ซึ่งอาจจะเป็นข้อความหรือข้อมูล binary เช่น ภาพหน้าจอ (screenshot) ในระบบการตรวจติดตาม (monitoring system) 2. การอัปเดตไฟล์ภาพหรือเสียง: อาจจำเป็นต้อง append ข้อมูลเช่น เมตาเดต้าใหม่หรือทำการเพิ่มอัลบั้มภาพหรือเพลงให้ไฟล์ที่มีอยู่ 3. การควบคุมผ่าน stream: ในกรณีของการสตรีมมิ่งข้อมูลที่ต้องการ append ข้อมูลลงในไฟล์โดยปราศจากการรู้จำนวนข้อมูลที่ชัดเจนล่วงหน้า

ปิดท้าย

เพื่อนๆ ได้เห็นแล้วใช่ไหมครับว่า JavaScript นั้นมีความสามารถในการจัดการกับไฟล์ binary ที่หลายหลายและสามารถนำไปใช้ประโยชน์ได้ในโลกแห่งการพัฒนาซอฟต์แวร์อย่างจริงจัง ถ้าหากคุณสนใจที่จะเรียนรู้ด้าน programming เพิ่มเติม หรืออยากทำความเข้าใจกับการทำงานของไฟล์และการใช้งานทางด้าน IT อย่างลึกซึ้งยิ่งขึ้น ที่ Expert-Programming-Tutor (EPT) เรามีหลักสูตรและผู้สอนที่มีความเชี่ยวชาญ เปิดรับสอนทั้งบุคคลและองค์กร รับประกันว่าคุณจะได้ความรู้และทักษะที่จำเป็น พร้อมทั้งพัฒนาในวงการ IT ได้อย่างไม่มีข้อจำกัด สนใจสมัครติดต่อได้ที่ EPT นะครับ!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง

Tag ที่น่าสนใจ: javascript append binary_file node.js file_system buffer streams filereader blob web_browser programming code_example file_handling binary_data stream_control

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Append binary file ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

บทนำ

ตัวอย่างโค้ดที่ 1: การเพิ่มข้อมูลไปยังไฟล์ใช้ Node.js

ตัวอย่างโค้ดที่ 2: การใช้ไฟล์สตรีมใน Node.js

ตัวอย่างโค้ดที่ 3: การอ่านและเขียนไฟล์โดยใช้ FileReader และ Blob ในเว็บบราวเซอร์

Usecase ในโลกจริง

ปิดท้าย

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Append binary file ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

บทนำ

ตัวอย่างโค้ดที่ 1: การเพิ่มข้อมูลไปยังไฟล์ใช้ Node.js

ตัวอย่างโค้ดที่ 2: การใช้ไฟล์สตรีมใน Node.js

ตัวอย่างโค้ดที่ 3: การอ่านและเขียนไฟล์โดยใช้ FileReader และ Blob ในเว็บบราวเซอร์

Usecase ในโลกจริง

ปิดท้าย

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์