在Javascript和HTML中逐行读取文件

时间:2018-04-07 16:13:56

标签: javascript html

所以,我想建立一个网站,要么回答一个问题,要么上传.txt文件,每行一个问题,然后读取它,然后使用javascript(而不是jquery或node.js)进行下载。 HTML5:

  • 吃什么:玉米饼
  • 如何坐下:纵横交错

而不是

的输入文件
  • 我应该吃什么
  • 我该怎么做?

我怎么做,我完全无能为力。到目前为止,这是我的代码:

<!DOCTYPE html>
<html>
  <head>
    <title>Random Facts</title>
  </head>
  <body>
    <h1 align="center">Random Facts & Stuff</h1>
    <p>To ask a question, simply ask it through the input bar below, or, if 
you want, you can upload a file and then hit download, then it will 
download a file.txt with the questions you put in and then the answers 
after the colin:</p>
    <br>
    <p>Ask a question here</p>
    <input type="text" id="question1" />
    <br>
    <p>Or upload a file here</p>
    <input type="file" id="question2" />
    <br>
    <br>
    <button type="button" id="go">Go!</button>
    <script>
    // Do this for when the button is clicked
    document.getElementById('go').onclick = function() {

      // Check whether or not the first input field is blank
      if (document.getElementById('question1').value.length == 0) {
        // Do this if the first text field is empty, aka, read the file.

        // create the file reader.
        var reader = new FileReader();
      } else {
        // If the text field is not empty, do this.


        alert("Text");
      }
    }
      var reader = new FileReader();
    </script>
  </body>
</html>`

1 个答案:

答案 0 :(得分:0)

如果没有Node.js,你就无法使用文件系统,这就是为什么你应该只使用“回答问题”而不加载.txt文件。

如果您想在第一个问题之后显示第二个问题,您可以: 1)使用回调 2)阅读有关生成器(es6)或使用Promises(或等待函数)。