如何使用 HTML 读取 TXT 文件内容

直接方法：使用 XMLHttpRequest

HTML 中读取 TXT 文件内容的最直接方法是使用 XMLHttpRequest 对象。该对象允许向服务器发送异步 HTTP 请求并接收响应。

// 创建一个 XMLHttpRequest 对象var xhr = new XMLHttpRequest();// 打开一个 GET 请求xhr.open("GET", "/path/to/file.txt");// 指定响应类型为文本xhr.responseType = "text";// 监听服务器响应xhr.onload = function() {  if (xhr.status === 200) {    // 读取文件内容    var content = xhr.responseText;    // 使用内容...  }};// 发送请求xhr.send();

间接方法：使用 FileReader

如果您希望在本地读取 TXT 文件，可以使用 FileReader 对象。该对象允许读取文件和数据 URI。

// 获取文件元素var fileInput = document.getElementById("file-input");// 监听文件选择事件fileInput.addEventListener("change", function() {  // 获取文件  var file = fileInput.files[0];  // 创建一个 FileReader 对象  var reader = new FileReader();  // 监听加载事件  reader.onload = function() {    // 读取文件内容    var content = reader.result;    // 使用内容...  };  // 开始读取文件  reader.readAsText(file);});

以上就是html怎么读取txt内容的详细内容，更多请关注css网站其它相关文章！