js filereader读取成功后无法再次读取

`FileReader` 是 JavaScript 中用于读取文件的接口，它提供了几种异步的方法来读取文件内容，如 `readAsText()`, `readAsDataURL()`, `readAsBinaryString()` 等。当你在文件读取成功后遇到无法再次读取文件的情况，这通常是因为以下几个原因：

1. 事件处理不当：`FileReader` 对象是基于事件的，例如 `onload` 事件处理成功读取操作后的文件。如果在第一次读取后没有正确地重置事件监听器或错误处理函数，可能会导致无法触发新的读取操作。

2. 状态检查错误：`FileReader` 对象包含一个 `readyState` 属性，它表示 `FileReader` 的状态。在尝试读取另一个文件之前，你必须确保 `FileReader` 对象的 `readyState` 属性为 `EMPTY`（即0），否则它可能还在处理上一个文件。

3. 对象重复使用错误：如果你在第一次读取操作完成之前就尝试读取另一个文件，或者在事件处理函数中重用了 `FileReader` 对象，可能会导致后续操作无法正常进行。

为了正确地多次读取文件，你可以采用以下步骤：

1. 初始化 `FileReader` 对象并为其添加事件监听器。
2. 调用读取方法如 `readAsText()`。
3. 在 `onload` 事件触发后，如果需要再次读取文件，必须检查 `readyState` 是否为 `EMPTY`。
4. 如果 `readyState` 是 `EMPTY`，则可以再次使用 `FileReader` 对象进行读取操作。
5. 在新的读取操作前，重新绑定事件监听器。

这是一个简单的例子：

let reader = new FileReader();

reader.onload = function(e) {
    console.log(reader.result); // 处理读取结果
    reader = new FileReader(); // 重置 reader 对象
};

reader.readAsText(file); // file 是你要读取的文件对象

每次读取完成后，我们通过重新实例化 `FileReader` 对象来确保它处于初始状态，这样就可以在需要时再次读取文件。