Walaupun HTML sendiri tidak dapat membaca fail, pembacaan fail boleh dicapai melalui kaedah berikut: menggunakan JavaScript (XMLHttpRequest, fetch()); menggunakan bahasa sebelah pelayan (PHP, Node.js); jQuery.get (), axios, fs-extra).
Cara membaca fail dalam HTML
Mari kita terus ke intinya:
HTML itu sendiri tidak menyediakan keupayaan untuk membaca fail secara terus.
Penjelasan terperinci:
Untuk membaca kandungan fail, anda perlu menggunakan JavaScript, bahasa sebelah pelayan atau pustaka pihak ketiga. Berikut ialah beberapa kaedah biasa:
var xhr = new XMLHttpRequest();
. var xhr = new XMLHttpRequest();
。fetch('myFile.txt').then((response) => response.text());
。var reader = new FileReader(); reader.onload = function() { ... }; reader.readAsText('myFile.txt');
。$content = file_get_contents('myFile.txt');
。第三方库:
还有许多第三方库可以简化文件读取过程,例如:
$.get('myFile.txt', function(data) { ... });
。axios.get('myFile.txt').then((response) => response.data);
。const fs = require('fs-extra'); const content = fs.readFileSync('myFile.txt');
ialah pengganti moden untuk XMLHttpRequest dengan sintaks yang lebih ringkas. Sintaks: fetch('myFile.txt').then((response) => response.text());
.
var reader = new FileReader(); reader.onload = function() { ... }; 🎜🎜🎜Bahasa bahagian pelayan: 🎜seperti PHP atau Node.js, yang boleh membaca fail melalui fungsi sistem fail. Contohnya: <code>$content = file_get_contents('myFile.txt');
. 🎜🎜🎜🎜Perpustakaan pihak ketiga: 🎜🎜🎜 Terdapat juga banyak perpustakaan pihak ketiga yang boleh memudahkan proses pembacaan fail, seperti: 🎜🎜🎜🎜jQuery.get(): 🎜 Minta fail XMLHttd secara automatik. Sintaks: $.get('myFile.txt', function(data) { ... });
. 🎜🎜🎜axios: 🎜Perpustakaan untuk membuat permintaan HTTP. Sintaks: axios.get('myFile.txt').then((response) => response.data);
. 🎜🎜🎜fs-extra: 🎜Pustaka Node.js, menyediakan fungsi berkaitan sistem fail. Sintaks: const fs = require('fs-extra'); 🎜🎜🎜Kaedah yang anda pilih bergantung pada keperluan dan persekitaran khusus anda. 🎜
Atas ialah kandungan terperinci Cara membaca html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!