Javascript 仅当在chrome中调试时，FileReader.readAsDataURL（）错误

我的代码在chrome和IE中都按预期工作。它使用使用输入类型文件选择的新图像源更新模式占位符div。当在chrome中调试时，只有在IE中调试才能正常工作，并且在readAsDataURL方法上放置了一个断点，它会出错并中断。有人能解释为什么会产生这个错误吗

错误：

Uncaught InvalidStateError: Failed to execute 'readAsDataURL' on 'FileReader':
The object is already busy reading Blobs.(anonymous function)
@ pageName.aspx?id=1234:192m.event.dispatch
@ jquery.min.js:3r.handle @ jquery.min.js:3

我的代码：

$("#imageInput").change(function () {
    if (this.files && this.files[0]) {
        var reader = new FileReader();
        reader.onloadend = function (e) {
            $("#modalImagePlaceHolder").attr("src", e.target.result);
        };
        reader.readAsDataURL(this.files[0]);
    } else {
        $("#modalImagePlaceHolder").attr("src", $("#defaultImage").attr("src")).width(480).height(385);

    }
});

---

你不应该担心这个具体问题。我敢打赌，调试工具正在尝试访问内存中的数据，而FileReader对象已经处于加载状态。