我是javascript编程中的新B,我读了专业的javascript开发者预订第3版。此外,我尝试了网站How can you read a file line by line in JavaScript?或其中的许多选项:How can you read a file line by line in JavaScript?。
对于第二个选项,我有一个问题是理解他的意思"文件字段被渲染"当说"记得在文件字段呈现后放置你的javascript代码"。尽管如此,我还是试了一下它并没有奏效。
现在根据我对文件阅读工作原理的理解,下面的代码应该可行,但它没有,我也不知道为什么。我希望我不是很无聊。
<p id="output">
</p>
<form id="form1" action="">
<input type="file" id="input">
<input type="button" id="readFil" value="read" onsubmit="readFile()">
</form>
<script>
function readFile() {
var selected_file = document.getElementById('input').files[0];
reader = new FileReader();
reader.readAsText(selected_file);
reader.onload = function() {
document.getElementById("output").innerHTML = reader.result;
};
}
</script>
答案 0 :(得分:1)
因为input
元素没有submit
个事件。 form
个元素。如果您希望在按下按钮时调用代码,请使用click
事件。
<input type="button" id="readFil" value="read" onclick="readFile()">
<!-- Change is here -----------------------------^^^^^ -->