Làm cách nào để mở và ghi tệp bằng JavaScript?

Một phương pháp khác là lưu tệp trên máy chủ của chúng tôi. Đối với điều này, chúng tôi phải chuyển tất cả dữ liệu văn bản trong tệp của chúng tôi đến máy chủ của chúng tôi. Sau này, chúng tôi phải sử dụng ngôn ngữ phía máy chủ liên quan đến máy chủ để chúng tôi có thể thực thi mã được viết trong tệp. Ngoài ra, chúng tôi cũng có thể lưu trữ tệp ở phía máy khách. Một ví dụ sẽ là sử dụng cookie để lưu trữ thông tin

JavaScript không có khả năng truy cập hệ thống tệp của người dùng, đó là lý do tại sao chúng tôi phải chạy dự án trên máy chủ. Để làm điều này, chúng tôi sẽ sử dụng nút. js sẽ hỗ trợ chúng tôi khi chúng tôi có thể sử dụng mô-đun tích hợp sẵn hoặc thư viện. Chúng tôi có thể sử dụng điều này để cung cấp liên kết tải xuống của tệp văn bản cho người dùng

Điều kiện tiên quyết. Cách nhập thư viện trong JavaScript

NodeJs cung cấp cho chúng ta module hoặc thư viện xử lý mọi thứ liên quan đến thao tác ghi trong JavaScript. Nó được gọi là "browserify-fs". Nói một cách đơn giản, chúng ta có thể nói rằng “browserify-fs” là một chương trình JavaScript trong đó tất cả các hàm được viết cho các thao tác viết

Hãy cài đặt browserify bằng lệnh sau

> npm cài đặt browserify - fs

Khi nó được cài đặt thành công, hãy nhập mô-đun browserify-fs trong chương trình được yêu cầu. Bây giờ chúng ta có thể sử dụng các chức năng khác nhau để viết văn bản hoặc đọc văn bản từ một tệp

Ghi vào tập tin

Hãy xem một ví dụ về hàm sẽ tạo một tệp mới với tên được chỉ định. Nếu đã tồn tại một tệp có tên cụ thể đó thì tất cả dữ liệu của nó sẽ bị xóa và ghi lại

writeFile ( Path_to_file, Data_to - be -written, Callback_function)

Hàm writeFile được sử dụng để viết các thao tác trong Node; . Hãy xem xét chúng sâu hơn một chút

Đường dẫn. Về cơ bản, đó là vị trí hoặc đường dẫn tương đối đến tệp văn bản mà bạn muốn tạo hoặc viết lại tệp. Chúng tôi cũng có thể chỉ cần cung cấp tên của tệp và tệp sẽ được tạo trong cùng thư mục với chương trình

Dữ liệu. Dữ liệu được ghi vào tệp ở đây

Chức năng gọi lại. Tham số này rất hữu ích, chẳng hạn vì lý do nào đó, thao tác không ghi dữ liệu của chúng tôi, sau đó nó sẽ tạo ra lỗi và hiển thị lỗi cho chúng tôi. Nó có một đối số mà chúng ta có thể chuyển chuỗi lỗi hoặc đối số lỗi

Minh họa ghi văn bản vào tệp

Để viết văn bản vào tệp, trước tiên, chúng ta phải yêu cầu mô-đun “browserify-fs” bao gồm định nghĩa hàm của hàm writeFile()

// Yêu cầu browserify-fs bao gồm hàm writefile()

const fs = require('browserify-fs')

Sau đó, hãy tạo một biến có tên dữ liệu trong đó chúng ta sẽ có một số dữ liệu chuỗi mà chúng ta muốn lưu trữ vào một tệp

// một văn bản đơn giản để ghi vào tệp

let data = "Xin chào và Chào mừng đến với . com"

Bây giờ, hãy truy cập hàm writeFile, cung cấp cho nó tên tệp cùng với dữ liệu bạn muốn lưu trữ vào tệp và viết hàm gọi lại trình xử lý lỗi như hình bên dưới

// Ghi dữ liệu vào 'file. txt'

fs. writeFile('file. txt' , dữ liệu, ( err ) => {

// error handling using throw

if (err) throw err;

})

Sau khi hoàn thành mã để ghi một số dữ liệu vào tệp, toàn bộ đoạn mã sẽ giống như thế này

// Yêu cầu browserify-fs bao gồm hàm writefile()

const fs = require('browserify-fs')

// a simple text to write into the file

let data = "Hello and Welcome to linuxhint.com"

// Ghi dữ liệu vào 'file. txt'

fs. writeFile('file. txt' , dữ liệu, ( err ) => {

// error handling using throw

if (err) throw err;

})

Khi tất cả mã được viết và khi bạn thực thi mã đã cho ở trên, nó sẽ tạo một tệp trong trình duyệt. Bây giờ, hãy xác minh nó bằng cách đọc cùng một tệp

Đọc tài liệu

Bây giờ chúng ta đã ghi vào một tệp, hãy đọc từ một tệp. Hàm readFile() được sử dụng khi chúng ta muốn đọc nội dung của một tập tin nào đó

cú pháp

readFile ( Path_to_file, Options, Callback_function )

Hàm readFile() được sử dụng cho các thao tác đọc; . Hãy xem xét chúng sâu hơn một chút

đường dẫn. Cũng giống như trong writeFile(), tham số đường dẫn readFile() cũng để xác định vị trí của tệp. Giả sử chúng ta và chương trình nằm trong cùng một tệp thì chúng ta chỉ cần chỉ định tên tệp chứ không phải đường dẫn chúng ta muốn đọc

Tùy chọn. Một tham số/đối số tùy chọn chỉ định dữ liệu sẽ được đọc từ tệp văn bản. Bộ đệm mặc định được sử dụng, Nếu không có đối số nào được thông qua

Chức năng gọi lại. Đó là chức năng tiếp tục có hai đối số khác nhau. Các đối số này là lỗi và dữ liệu. Nếu thao tác không thành công trong việc trích xuất dữ liệu từ tệp thì lỗi hiển thị lỗi là gì, ngược lại nếu thao tác thành công thì đối số dữ liệu có dữ liệu từ tệp

Minh họa đọc văn bản từ tệp

Chúng tôi sẽ sử dụng tệp tệp được tạo gần đây “tệp. txt”

tập tin. dữ liệu txt. “Xin chào và Chào mừng đến với linuxhint. com”

Để đọc văn bản từ tệp, trước tiên, chúng tôi sẽ yêu cầu mô-đun “browserify-fs” bao gồm định nghĩa hàm của hàm readFile()

// Yêu cầu browserify-fs bao gồm hàm readfile()

const fs = require('browserify-fs')

Sau đó, chúng ta sẽ truy cập hàm readFile(), cung cấp cho nó tên tệp bạn muốn đọc dữ liệu và viết hàm gọi lại để xử lý lỗi và hiển thị dữ liệu

// Đọc dữ liệu từ tệp '. txt'

fs. readFile('file. txt' , ( err, data ) => {

// error handling using throw

if (err) throw err;

// showing fetched data from the file onto the console

console.nhật ký( dữ liệu. toString());

})

Sau khi hoàn thành code đọc dữ liệu từ file, toàn bộ đoạn code sẽ giống như thế này

// Yêu cầu browserify-fs bao gồm hàm readfile()

const fs = require('browserify-fs')

// Reading data from the 'file.txt' file

fs. readFile('file. txt' , ( err, data ) => {

// error handling using throw

if (err) throw err;

// showing fetched data from the file onto the console

console.nhật ký( dữ liệu. toString());

})

Khi tất cả mã được viết và khi bạn thực thi mã đã cho ở trên, nó sẽ đọc tệp mong muốn từ trình duyệt và hiển thị tất cả dữ liệu trên bảng điều khiển, như thể hiện trong ảnh chụp màn hình bên dưới

Đây là cách bạn có thể đọc/ghi dữ liệu vào một tệp bằng mô-đun browserify-fs trong javaScript

Phần kết luận

Viết hoặc đọc tệp bằng bất kỳ ngôn ngữ lập trình nào là cần thiết vì chúng tôi có thể phát triển các dự án nhỏ mà chúng tôi không cần cơ sở dữ liệu lớn. Sau đó, chúng tôi sử dụng các hệ thống tệp để đọc hoặc ghi dữ liệu vào một tệp. Trong bài viết này, chúng ta đã biết cách đọc hoặc ghi văn bản vào một tệp trong JavaScript. Chúng tôi đã sử dụng “browserify-fs” để đạt được nhiệm vụ của mình

Làm cách nào để viết một tệp bằng JavaScript?

Làm cách nào để đọc và ghi tệp trong JavaScript?

Làm cách nào để tạo và ghi tệp bằng JavaScript?