在 Chrome 中加载文件时，FileReader readyState 停留在 1

Question

我在我的网络应用程序中使用 FileReader 来读取用户选择的本地文件，当我 readAsText() 完成后，readyState 应该更改为“2”。这是我的代码：

        var fr = new FileReader(); // readyState is 0
        var filetoload = $("#foo")[0].files[0];
        fr.readAsText(filetoload); // readyState should be 2!!
        var xml = fr.result; 
        localStorage.setItem('foo', xml);

现在在 Firefox 中，一切正常，xml 也可以正常写入 localStorage。如果我在控制台中以静止状态执行此操作 Chrome（假设在 #foo 输入中指定了一个文件），那么它也可以正常工作。但是，如果我运行这通常来自我的 .jsp 文件中的脚本标记，则 readyState = 1 (!) 在上面的第 3 行之后。并且，如果我在第 3 行放置一个断点，然后尝试从控制台读取 AsText()，它也会设置 readyState = 1。

Chrome在执行过程中需要什么才能完全读取文件？我究竟做错了什么？它在 Firefox 中工作并且 Chrome 仅在控制台的静止状态下工作这一事实让我相信 Chrome 需要更多的东西来允许这个或其他东西。感谢任何见解，谢谢。

Answer 1

我能够从 this post 中找到答案。由于读取文件是异步发生的，我想我需要相应地处理。以下是对我有用的。（jsonCall() 只是我们拥有的一个内部函数，基本上调用 $.ajax）我希望这对以后的人有所帮助。

    $(document).ready(function(){
        $('#foo').on('click', function(e){
            readFile($("[name='filelocation']")[0].files[0], function(e) {
                // use e.target.result in callback...
                var data = { "xml" : e.target.result };
                jsonCall("myservlet", data, function() {
                    window.open(url, "_blank", "height=800,width=1200");
                })
            });
        });
    });

    function readFile(file, onLoadCallback)
        {
        var fr = new FileReader();
        fr.onload = onLoadCallback;
        fr.readAsText(file);
        }

在 Chrome 中加载文件时，FileReader readyState 停留在 1

FileReader readyState is stuck at 1 when loading a file in Chrome

javascript

google-chrome

filereader