将导入的 .txt 中的内容存储在 JS 变量中答案

【问题标题】：Storing content from imported .txt in a JS variable将导入的 .txt 中的内容存储在 JS 变量中
【发布时间】：2017-02-01 02:33:13
【问题描述】：

我希望能够将导入的文本文件中的内容存储在 JS 变量中。有人可以告诉我如何通过使用我创建的 JSFiddle 示例来执行此操作吗？ https://jsfiddle.net/495v0bxf/。目前在 JSFiddle 中，您可以选择一个文档并显示其内容。

我知道可以在'result'下的 reader 变量中访问内容：

var reader = new FileReader();
console.log("reader: ", reader);

但我希望内容存储在说：

var txtContent =

【问题讨论】：

FileReader to String的可能重复

标签： javascript text-files reader

【解决方案1】：

与您的示例一样，您需要将evt.target.result 存储在变量中。

var reader = new FileReader();
var txtContent;

var doSomeStuff = function () {
    console.log("The text content was " + txtContent);
};

// If we use onloadend, we need to check the readyState.
reader.onloadend = function(evt) {
    if (evt.target.readyState == FileReader.DONE) { // DONE == 2
        txtContent = evt.target.result;
        doSomeStuff();
    }
};

如您所见，当调用 doSomeStuff 时，txtContent 会填充从文件加载的文本。

【讨论】：

如何在选择文本文件后立即将其保存到变量中？我已经更新了 JSfiddle jsfiddle.net/495v0bxf/2

【解决方案2】：

这将对您有所帮助.. 它包含所有示例，可指导您阅读内容并存储在变量中。

http://www.html5rocks.com/en/tutorials/file/dndfiles/

谢谢

【讨论】：