1

我试图理解 Javascript 中的文件 I/O，这让我很困惑。我有一个文件输入，它从磁盘加载文件，然后我使用阅读器来获取内容。但是当我重复这个过程时，文件不会第二次或第三次读取。这是代码：

<html>

<head>
</head>

<body>
  <input type="file" id="myFile">

  <script type="text/javascript">
    window.onload = function() {

      var input = document.getElementById("myFile");

      var output = document.getElementById("output");

      input.addEventListener("change", function() {

        if (this.files && this.files[0]) {

          var myFile = this.files[0];

          var reader = new FileReader();

          reader.addEventListener('load', function(e) {
            console.log(e.target.result);
          });

          reader.readAsText(myFile);

        }
      });
    }
  </script>
</body>


</html>

当我第一次读取文件时，console.log 打印 e.target.result。当我再次尝试读取文件时，它不会打印。即使我更改了文件的内容。但它会打印一个我加载到其中的新文件。是否可以两次加载相同的文件？

4

1 回答 1

3

如果您选择相同的文件，则不会为输入触发更改事件。（我认为比较是在选定的文件名上，没有什么像大小或任何“智能”这样的东西）

您可以尝试在文件浏览器打开之前清除选择，因此即使选择相同的文件也会导致“新”选择

于 2018-09-04T13:45:15.293 回答