gpt4 book ai didi

javascript - HTML/Javascript 多次读取同一个文件

转载 作者:行者123 更新时间:2023-11-30 11:14:32 24 4
gpt4 key购买 nike

<分区>

我试图理解 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。当我再次尝试读取该文件时,它不会打印。即使我更改了文件的内容。但它会打印一个我加载到其中的新文件。是否可以加载同一个文件两次?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com