从上传的文件中提取数据，而不使用JavaScript提交文件？

我想让一个用户上传一个Javascript文件，从中提取数据，而不提交页面，并处理该数据，以便在同一页面的表单中提供其他选项。

---

如果有人能在这里帮助我，那将是非常有帮助的。

使用HTML5文件API和FileReader，它允许您直接在浏览器上处理文件

下面是一个完整的示例：

<input type="file" id="input" onchange="handleFiles(this.files)">
<div id="output">
</div>
<script type="text/javascript">

function handleFiles(files) {
  //$("#output").html("got: "+files[0].name);  
  var reader = new FileReader();

  reader.onload = function(e) {
    $("#output").html(reader.result);
  }

  reader.readAsText(files[0]); 
}
</script>

---

请阅读以上链接，它们将为您提供所有示例。

使用HTML5文件API和FileReader，它允许您直接在浏览器上处理文件

下面是一个完整的示例：

<input type="file" id="input" onchange="handleFiles(this.files)">
<div id="output">
</div>
<script type="text/javascript">

function handleFiles(files) {
  //$("#output").html("got: "+files[0].name);  
  var reader = new FileReader();

  reader.onload = function(e) {
    $("#output").html(reader.result);
  }

  reader.readAsText(files[0]); 
}
</script>

---

请阅读以上链接，它们将为您提供所有示例。

以下是如何访问文件内容的示例

function handleFileSelect(evt) {
  var files = evt.target.files;

  var f = files[0];

  var reader = new FileReader();

  reader.onload = (function(theFile) {
    return function(e) {
      // Do everything what you need with the file's content(e.target.result)
      console.log(e.target.result);
    };
  })(f);

  reader.readAsText(f);
}

document
  .getElementById("upload")
  .addEventListener("change", handleFileSelect, false);

---

下面是如何访问文件内容的示例

function handleFileSelect(evt) {
  var files = evt.target.files;

  var f = files[0];

  var reader = new FileReader();

  reader.onload = (function(theFile) {
    return function(e) {
      // Do everything what you need with the file's content(e.target.result)
      console.log(e.target.result);
    };
  })(f);

  reader.readAsText(f);
}

document
  .getElementById("upload")
  .addEventListener("change", handleFileSelect, false);

---

你在尝试吗？我已经读了十遍这个问题，仍然不知道它说了什么…不，根据该文件的内容，我必须设置其他表单值。“上传”在这里是指用户使用`input type=“file”选择的文件，而你想使用JavaScript访问该文件。你在尝试做什么？到目前为止你做什么了吗？。你上传的是什么类型的文件？你在尝试吗？我已经读了十遍这个问题，仍然不知道它说了什么…不，根据该文件的内容，我必须设置其他表单值。“上传”在这里是指用户使用`input type=“file”选择的文件，你想使用JavaScript访问该文件？你想做什么？到目前为止你做什么了吗？。您正在上载什么类型的文件？