将 html 文件（API 类型）实例转换为字符串？答案

【问题标题】：Turning a html File (API Type) instance into a string?将 html 文件（API 类型）实例转换为字符串？
【发布时间】：2017-10-09 16:15:30
【问题描述】：

使用 HTML 文件 API，我们可以通过带有 var file = evt.target.files[0]; 的 <input type="file"> 元素选择文件。

我们如何以字符串形式获取文件内容（类似于var content = file.toString()。

我目前有这个由input element.onchange 事件触发的代码：

input.onchange = function handleFileSelect(evt) {

var file = evt.target.files[0];
var reader = new FileReader();

console.log("RAW FILE: ", file);

var string = reader.readAsText(file);
console.log("FILE CONTENT: ", string);

}

当我选择一个文件时，我会尝试记录内容：

RAW FILE:  File
bundle.js:5293 FILE CONTENT:  undefined

想法？

【问题讨论】：

您是否尝试过使用FileReader？

标签： javascript html

【解决方案1】：

原来文件不能像这样同步读取：

    var reader = new FileReader();
    content = reader.readAsText(file);

在我们可以读取文件之前，我们首先必须附加到文件阅读器上的onload 事件。

    reader.onload = (e) => {
      let content = e.target.result;
      console.log("FILE CONTENT: ", content);
    }

触发文件读取：

        reader.readAsText(file);

content 现在将包含文件内容。

【讨论】：