Javascript文件阅读器+变量范围内的问题

Question

我想在 javascript 中读取文件并操作一些变量，所以我使用以下代码：

var error = false;

var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent){
    var textFromFileLoaded = fileLoadedEvent.target.result;
    if(textFromFileLoaded.length >=1000){
        error = true;
    }



    console.log(textFromFileLoaded);
};

fileReader.readAsText(uploadFile, "UTF-8");
if(error == true)
    $('#export').prop('disabled', true);

在最后的代码中，当我尝试测试错误是否为真时，我发现它为假（这意味着文件读取器内的错误变量的更改不会持续存在。 请问有什么问题需要你的帮助。

Answer 1

FileReader.readAsText() 是异步的，因此下一行将在文件读取准备好之前执行。

您可以在事件处理程序中设置 disabled 属性。

fileReader.onload = function(fileLoadedEvent){
    var textFromFileLoaded = fileLoadedEvent.target.result;
    if(textFromFileLoaded.length >=1000){
        error = true;
        $('#export').prop('disabled', error);
    }
};

fileReader.readAsText(uploadFile, "UTF-8");