在 <input type= "file" > 中选择文件后,是否可以更改文件,并且仍然可以读取其文本?



我正在做一个需要通过网页提交文件的项目。尽管这不是必需的,但用户可以方便地在选择文件后对其进行编辑。但是,我遇到了一个问题,即在进行更改然后保存它们后读取文件阅读器返回 null。下面有我相当简单的调试代码。

<html>
<head>
</head>
<body>
<input type="file" id="file" value>
<button id="sub">Submit</button>
</body>
<script>
document.getElementById("sub").addEventListener("click", function() {
var reader = new FileReader();
reader.addEventListener('loadend', function() {
var src_code = this.result;
console.log(src_code);
});
if (document.getElementById("file").files.length == 0) {
//empty
alert("empty");
}
else {
console.log(document.getElementById("file").files[0]);
reader.readAsText(document.getElementById("file").files[0]);
}
});
</script>
</html>

我在这里读到另一个问题,声称FileReader对此有错,但不幸的是,我绝对需要文件中的文本,而答案没有提供替代方案。

有没有办法从文件中获取文本,让用户在选择文件后更新文件?

最新更新