Xử lý tệp JavaScript w3schools

HTML 5 cung cấp một cách tiêu chuẩn để tương tác với các tệp cục bộ với sự trợ giúp của API tệp. API tệp cho phép tương tác với các tệp đơn, nhiều tệp cũng như BLOB. API FileReader có thể được sử dụng để đọc tệp không đồng bộ khi cộng tác với xử lý sự kiện JavaScript. Tuy nhiên, tất cả các trình duyệt không hỗ trợ HTML 5, vì vậy điều quan trọng là phải kiểm tra tính tương thích của trình duyệt trước khi sử dụng API tệp. Có bốn phương thức sẵn có trong API FileReader để đọc các tệp cục bộ

  • Trình đọc tệp. readAsArrayBuffer[]. Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa ArrayBuffer đại diện cho dữ liệu của tệp
  • Trình đọc tệp. readAsBinaryString[]. Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa dữ liệu nhị phân thô từ tệp dưới dạng chuỗi
  • Trình đọc tệp. readAsDataURL[]. Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa một URL đại diện cho dữ liệu của tệp
  • Trình đọc tệp. readAsText[]. Đọc nội dung của tệp đầu vào được chỉ định. Thuộc tính kết quả chứa nội dung của tệp dưới dạng chuỗi văn bản. Phương thức này có thể lấy phiên bản mã hóa làm đối số thứ hai [nếu được yêu cầu]. Mã hóa mặc định là UTF-8

Trong trường hợp này, chúng tôi đang sử dụng FileReader. readAsText[] để đọc cục bộ. tập tin txt




________số 8

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
0
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
1

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
2

________số 8

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
4

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
0__01 23

4537

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
09

 0

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
0 2____83 4

 5

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
0 7 87

01____923

456789

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
00

4

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
02
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
03______104
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
05

_______74____107____98

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
09

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
101
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
123

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
14
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
15

4

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
17

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
00

4

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
20
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
21
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
22

0

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
24

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
0
var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
26

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
27

________số 8

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];
29

Mã này in nội dung của tệp đầu vào giống hệt như trong tệp đầu vào

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Xử lý tệp trong JavaScript là một kỹ thuật trong đó tệp được viết ở định dạng html bằng CSS có thể được gọi bằng tệp html bên ngoài hoặc sử dụng. js được trỏ đến tệp html đó. Thao tác xử lý tệp trong JavaScript bao gồm mở tệp, đóng tệp, Cập nhật dữ liệu trong tệp. Xử lý tệp JavaScript không được biên dịch bởi bất kỳ trình biên dịch nào. Nó chỉ cần một môi trường có trình duyệt hoạt động, nơi trình dịch có thể xử lý mã java script cho trình duyệt web. Nhưng tất cả các chức năng xử lý tệp yêu cầu nút Js bắt buộc phải thực hiện các chức năng cơ bản không thể thực hiện được bằng trình duyệt web và tệp html thông thường

Chức năng xử lý tệp trong JavaScript

Vì chức năng xử lý tệp không thể thực hiện được với trình duyệt thông thường và thông thường, do đó, nút JS đã khắc phục tình trạng không thể truy cập xử lý tệp trong java Script bằng cách sử dụng chức năng chung. Nút. js  hệ thống tệp đã trợ giúp và cung cấp các thao tác xử lý tệp trong hệ thống tệp của nó, nghĩa là bên trong mô-đun hệ thống tệp của nút. js, nó duy trì một số hệ thống phân cấp cấu trúc giúp ích trong việc này. Để sử dụng tính năng này hoặc mô-đun của nút. js để duy trì hệ thống tệp cần hoặc yêu cầu phương thức nhập tính năng đó và chức năng

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

Hãy xem qua chức năng của từng thao tác của mô-đun hệ thống tệp của Nút. js trợ giúp trong các chức năng xử lý tệp của JavaScript. Trước đó, hãy xem cách bao gồm bất kỳ tệp nào bên trong nút. js mô-đun hệ thống tệp để thực hiện thao tác. phương thức require[] được sử dụng để bao gồm các tệp bằng cách sử dụng nút. tính năng js để xử lý tệp

Gói phát triển phần mềm tất cả trong một[hơn 600 khóa học, hơn 50 dự án]

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 [84.712 xếp hạng]

cú pháp

var fs = require['fs'];

Ở đây biến là fs sẽ được biểu thị thông qua nút. js rằng nó đang trỏ thực tế là nó cần tệp để thực hiện các thao tác và các chức năng khác nhau trên đó

Các chức năng phổ biến được sử dụng để xử lý các tệp bằng tập lệnh java bao gồm nhiều chức năng như sau và khá phổ biến được thực hiện hàng ngày

  • Đọc các tập tin
  • Tạo tập tin
  • Đang cập nhật tệp
  • Xóa tập tin
  • Đổi tên tập tin

1. Đọc tập tin

Đọc tệp là một chức năng liên quan đến việc đọc tệp có thể được thực hiện bằng fs. Đọc tài liệu[]. Phương pháp này fs. readFile[]  được dùng để đọc các tệp trên máy tính của bạn và nó đang bị ràng buộc rằng tệp HTML của bạn đang được lưu trong cùng thư mục với Node. js. Tạo một nút. js và đọc tệp HTML, sau đó trả lại nội dung sẽ là hoạt động thao tác chính cần được thực hiện trong fs. hàm readFile[]

2. Tạo tập tin

Mô-đun hệ thống tệp có một số chức năng sẵn có liên quan đến một số phương pháp tạo tệp mới khi được chỉ định sẽ giúp tạo tệp mới. Nó bao gồm các phương thức sau để tạo như sau

3. fs. mở[]

fs. phương thức open[] lấy một cờ làm đối số thứ hai, nếu cờ là “w” thì nó sẽ được sử dụng cụ thể để viết, ở vị trí được chỉ định và định sẵn. Nếu nó trống, thì một tệp trống sẽ được tạo

4. fs. appendFile[]

Chức năng này được sử dụng để thêm hoặc một số nội dung có liên quan và cụ thể vào một tệp. Nếu không có tệp nào tồn tại trước thì một tệp mới sẽ được tạo

5. fs. writeFile[]

Nó được sử dụng để thay thế tệp đã chỉ định, nghĩa là về cơ bản, nó sẽ ghi đè lên các tệp và sau đó mở một tệp mới chứa nội dung đã chỉ định đang được viết trong phần tiếp theo sẽ được sử dụng để ghi đè nội dung nào đó. Nếu không có tệp tồn tại thì nó sẽ tạo một tệp chứa nội dung cụ thể đó

6. Cập nhật tập tin

Mô-đun hệ thống tệp sử dụng hai phương thức bao gồm các phương thức sau

  • fs. appendFile được dùng để nối thêm tệp cụ thể vào cuối tệp đã chỉ định
  • Fs. writeFile được sử dụng để ghi nội dung cụ thể vào tệp được chỉ định

7. Xóa tệp

Để xóa mọi tệp không mong muốn trong hệ thống tệp, phương thức hủy liên kết được sử dụng là fs. phương thức hủy liên kết được sử dụng để xóa phương thức khỏi một vị trí đã chỉ định của một tệp khác

8. Đổi tên một tập tin

fs. rename[] được sử dụng để đổi tên bất kỳ tệp nào trong hệ thống tệp và sau đó nó được sử dụng để đổi tên các chức năng trong mô-đun hệ thống tệp

Ví dụ về Xử lý tệp trong JavaScript

Dưới đây là các ví dụ về Xử lý tệp trong JavaScript

Ví dụ 1

Chức năng này trong chương trình đã cho được sử dụng để đọc tệp

Mã số

var http = require['http'];
var fs = require['fs'];
http.createServer[function [req, res] {
fs.readFile['read_file.html', function[err, data] {
res.writeHead[200, {'Content-Type': 'text/html'}];
res.write[data];
res.end[];
}];
}].listen[8080];

đầu ra

Ví dụ #2

Hàm này trong chương trình đã cho được sử dụng để tạo tệp trong mô-đun hệ thống tệp của nút. js

Mã số

var fs = require['fs'];
fs.writeFile['new_file.txt', 'Hello content!', function [err] {
if [err] throw err;
console.log['Saved!'];
}];

đầu ra

Ví dụ #3

Hàm này trong chương trình đã cho được sử dụng để cập nhật và ghi đè tệp trong mô-đun hệ thống tệp

Mã số

var fs = require['fs'];
fs.appendFile['Update_file.txt', ' This is my text.', function [err] {
if [err] throw err;
console.log['Updated!'];
}];

đầu ra

Ví dụ #4

Chức năng này trong chương trình đã cho được sử dụng để xóa tệp khỏi mô-đun hệ thống tệp

Mã số

var fs = require['fs'];
fs.unlink['mynewfile2.txt', function [err] {
if [err] throw err;
console.log['File deleted!'];
}];

đầu ra

Ví dụ #5

Hàm này trong chương trình đã cho được sử dụng để đổi tên tệp có trong mô-đun hệ thống tệp của nút. js

Mã số

var fs = require['fs'];
fs.rename['mynewfile1.txt', 'myrenamedfile.txt', function [err] {
if [err] throw err;
console.log['File Renamed!'];
}];

đầu ra

Ghi chú. Để thực hiện tất cả các thao tác xử lý tệp này bằng JavaScript có thể được thực hiện bằng Node. js, do đó, bắt buộc phải cài đặt Node. js trong môi trường cục bộ để có chức năng phù hợp và không sử dụng nhiều chức năng phức tạp khi sử dụng cửa sổ với hệ thống tệp cục bộ. Mọi hoạt động liên quan đến xử lý tệp sẽ trở nên cồng kềnh

Phần kết luận

Xử lý tệp trong bất kỳ ngôn ngữ nào là một chức năng rất quan trọng vì nó trực tiếp xử lý việc quản lý tài nguyên và cấu trúc phân cấp trong hệ thống. Do đó, rất cần thiết để duy trì nó bằng cách sử dụng mô-đun hệ thống tệp có thể tái sử dụng phù hợp có trong nút. hệ thống tập tin js

Bài viết được đề xuất

Đây là hướng dẫn về Xử lý tệp trong JavaScript. Ở đây chúng tôi thảo luận về Chức năng xử lý tệp và các ví dụ của nó cùng với việc triển khai mã của nó trong Javascript. Bạn cũng có thể xem qua các bài viết được đề xuất khác của chúng tôi để tìm hiểu thêm –

JavaScript có hỗ trợ xử lý tệp không?

JavaScript là ngôn ngữ lập trình phổ biến cho phép bạn xử lý tệp trong trình duyệt . Hãy học cách. Môi trường NodeJS được sử dụng cho các tập lệnh khác nhau bao gồm xử lý tệp.

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

Nhập mô-đun fs trong chương trình và sử dụng các hàm để ghi văn bản vào tệp trong hệ thống . Hàm sau sẽ tạo một tệp mới với tên đã cho nếu không có, nếu không, nó sẽ ghi lại tệp xóa tất cả dữ liệu trước đó trong đó. Chức năng đã sử dụng. Các hàm writeFile[] được sử dụng để viết các thao tác.

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

Để đọc tệp, sử dụng FileReader , cho phép bạn đọc nội dung của đối tượng Tệp vào bộ nhớ. Bạn có thể hướng dẫn FileReader đọc tệp dưới dạng bộ đệm mảng, URL dữ liệu hoặc văn bản. // Kiểm tra xem file có phải là ảnh không.

Làm cách nào để chạy tệp JavaScript?

Để thực thi JavaScript trong trình duyệt, bạn có hai tùy chọn — hoặc là đặt nó bên trong phần tử tập lệnh ở bất cứ đâu bên trong tài liệu HTML hoặc đặt nó . js] và sau đó tham chiếu tệp đó bên trong tài liệu HTML bằng phần tử tập lệnh trống có thuộc tính src.

Chủ Đề