FileReader：readAsText() 方法

备注： 此特性在 Web Worker 中可用。

FileReader 接口的 readAsText() 方法用于读取指定的 Blob 或 File 对象的内容。当读操作完成时，readyState 属性更改为 DONE，并触发 loadend 事件，并且 result 属性包含表示文件内容的文本字符串。

备注： Blob.text() 方法是一种较新的基于 Promise 的 API，用于将文件读取为文本。

备注：该方法将整个文件的内容加载到内存中，不适合大文件。对于大文件，首选使用 readAsArrayBuffer()。

语法

readAsText(blob)
readAsText(blob, encoding)

参数

blob: 从中读取的 Blob 或 File 对象。
encoding 可选: 指定用于返回数据的编码的字符串。如果未指定此参数，则默认情况下假定为 UTF-8。

返回值

无（undefined）。

示例

HTML

html

<input type="file" onchange="previewFile()" /><br />
<p class="content"></p>

JavaScript

function previewFile() {
  const content = document.querySelector(".content");
  const [file] = document.querySelector("input[type=file]").files;
  const reader = new FileReader();

  reader.addEventListener(
    "load",
    () => {
      // 然后这将显示一个文本文件
      content.innerText = reader.result;
    },
    false,
  );

  if (file) {
    reader.readAsText(file);
  }
}

结果

规范

Specification
File API # readAsDataText

浏览器兼容性

BCD tables only load in the browser

参见

FileReader