为什么这个javascript代码不能读取csv文件

时间:2014-12-04 09:09:13

标签: javascript csv

我是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>

1 个答案:

答案 0 :(得分:1)

因为input元素没有submit个事件。 form个元素。如果您希望在按下按钮时调用代码,请使用click事件。

<input type="button" id="readFil" value="read" onclick="readFile()">
<!-- Change is here -----------------------------^^^^^           -->