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

Question

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

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

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

但我希望内容存储在 say:

var txtContent =

Answer 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 填充了从文件加载的文本。

Answer 2

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

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

谢谢

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

Storing content from imported .txt in a JS variable

javascript

text-files

reader