在提交上传表单之前获取所选文件的内容

Question

当我要求用户上传.patch文件以及少量文本输入时，我有一个表单。

我可以获取该文件的内容，或者更具体地说是几行（修补程序的已更改文件），并在提交表单之前将其显示在用户的禁用文本框中吗？

Answer 1

您可以执行的操作是读取.patch文件并使用RegEx进行解析以获取其中的文件名。

.patch文件是一个文本文件，格式如下：

--- src.orig/java/org/apache/nutch/analysis/NutchAnalysisConstants.java 
+++ src/java/org/apache/nutch/analysis/NutchAnalysisConstants.java  

因此每个“---”表示一个文件名，因此您可以阅读所选文件的内容并使用正则表达式获取文件名并将其添加到您的输入中：

$("#fileInput").on("change", function(){ //When a new file is selected
    var file = $("#fileInput").prop("files")[0]; //get the file

   if (file.name.indexOf(".patch") < 0) {
      alert("You can only select .patch files");
      $("#fileInput").val("");
   }
   else {
       var reader = new FileReader(); 
       reader.readAsText(file, "UTF-8");
       reader.onload = function (evt) {  //When file is loaded.
           $("#text").html("");

           var fileContent = evt.target.result; //event.target.result is the file content
           var names = fileContent.match(/--- .*?\s/g); //Use regex to get lines starting with --- ending with \s

           $(names).each(function(i,e){
                $("#text").html($("#text").html() + e + "\n"); //Add each line to the disabled textarea
                $("#text").attr("rows", ++i); //sets height of textarea to the no. of lines
           });
       }
   }
});