Question

使用HTML文件API，我们可以通过带有<input type="file">的{{1}}元素获取文件。

我们如何将文件内容作为字符串获取（类似于var file = evt.target.files[0];。

我目前有这个代码由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);

思想？

Answer 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现在将包含文件内容。

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

1 个答案: