Question

我想使用Javascript阅读文本文件。为了传递FileList Object，可用代码使用带有change事件的<input type="file">，但我希望txt文件的路径在javascript中被硬编码，并且要触发文件的onload事件。我该如何实现？ <input type="file">的可用代码为：

<input type="file" id="fileinput" />
<script type="text/javascript">
  function readSingleFile(evt) {
    //Retrieve the first (and only!) File from the FileList object
    var f = evt.target.files[0]; 
    console.log(evt);
    if (f) {
      var r = new FileReader();
      r.onload = function(e) { 
          var contents = e.target.result;
        alert( "Got the file."+f);  
      }
      r.readAsText(f);
    } else { 
      alert("Failed to load file");
    }
  }
  document.getElementById('fileinput').addEventListener('change', readSingleFile, false);
</script>

Answer 1

你做不到。访问用户系统上的文件需要用户明确选择它们作为安全措施。

Answer 2

您无法浏览客户端磁盘文件。 Javascript不允许。除非用户选择文件，否则您无法访问客户端（用户）文件系统。但是，一旦用户选择文件，您就可以读取文件的内容。请参考以下答案：

JS: Submit HTML file and place file code within div

硬编码文件路径而不是手动文件输入

2 个答案: