读取文件节点 - JavaScript

在 JavaScript 中，我们可以使用以下方法来读取文件节点：

• FileReader 对象
• XMLHttpRequest 对象

FileReader 对象

FileReader 对象允许我们异步地读取文件内容，并将结果存储在 result 属性中。它有以下几个方法：

• readAsText(file)：将文件读作文本。
• readAsDataURL(file)：将文件读作 data URL。
• readAsArrayBuffer(file)：将文件读作 ArrayBuffer。
• readAsBinaryString(file)：将文件读作二进制字符串。

我们可以先通过以下方式获取页面中的文件节点：

var fileInput = document.querySelector('input[type="file"]');
var file = fileInput.files[0];

然后，通过 FileReader 对象来读取文件：

var reader = new FileReader();
reader.onload = function(e) {
    // e.target.result 包含读取的文件内容
};
reader.readAsText(file);

XMLHttpRequest 对象

XMLHttpRequest 对象是用于在 JavaScript 中发送 HTTP 请求的标准。我们可以通过它从服务器获取文件内容。

var xhr = new XMLHttpRequest();
xhr.open('GET', '/path/to/file.txt', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // xhr.responseText 包含读取的文件内容
    }
};
xhr.send();

注意，如果你的文件受到 CORS（跨源资源共享）的限制，你需要确保服务器已经允许你的域名进行跨域请求。如果服务器未设置相应的响应头，浏览器将拒绝获取文件。

以上就是 JavaScript 中读取文件节点的方法，希望对你有所帮助！