javascript - 对上传的文本文件进行处理

Question

我想在网页上上传一个文本文件，读取它，然后在 javascript 中对文件的内容进行一些计算，例如通过调用一个名为的函数:

  do_calculation().

这是我到目前为止的代码。但它并不完整，因为我不知道如何从函数 do_calculation() 读取文件的内容。

html代码:

  <tr>
  <td>Select a File to Load:</td>
  <td><input type="file" id="pubkey"></td>
  <output id="result" />
  <td><button onclick="loadFileAsText()">Load Selected File</button><td>
  </tr>

Javascript代码:

 <script type="text/javascript">


function loadFileAsText(){
  var fileToLoad = document.getElementById("pubkey").files[0];

  var fileReader = new FileReader();
  fileReader.onload = function(fileLoadedEvent){
       var textFromFileLoaded = fileLoadedEvent.target.result;
      document.getElementById("result").value = textFromFileLoaded;
  };

   fileReader.readAsText(fileToLoad, "UTF-8");


  }

   function do_calculation(){

   }

   </script>

此外，我想知道如何处理两个上传的文件。

Answer 1

只需在 filereader.onload 函数中调用 do_calculation() 函数并为其提供文本参数即可。然后，您可以在 do_calulation() 函数中对此时的文本执行任何操作

Jsfiddle:https://jsfiddle.net/yxmngk0r/

希望这有帮助。