Question

我是Java开发人员，在客户端编程方面非常有限，所以需要帮助。

我基本上在寻找一种方法来创建单页HTML / JavaScript应用程序来读取我的本地文件系统。我想列出HTML页面上特定目录中的目录和文件。有什么方法可以实现这一目标。

请注意，我想避免服务器端编码或Web应用程序和东西。只需要简单的HTML和/或Javascript或任何Javascript框架来为我这样做。我需要它主要在chrome上工作。

请建议。

Answer 1

虽然在客户端读取文件并不好，但可能会发生很多安全性和访问问题。如果您还想要，可以使用filereader在客户端读取文件，请查看以下示例：

<input type="file" id="fileinput" multiple />
<script type="text/javascript">
  function readMultipleFiles(evt) {
    //Retrieve all the files from the FileList object
    var files = evt.target.files; 

    if (files) {
        for (var i=0, f; f=files[i]; i++) {
              var r = new FileReader();
            r.onload = (function(f) {
                return function(e) {
                    var contents = e.target.result;
            console.log(contents);
                    alert( "Got the file.n" 
                          +"name: " + f.name + "n"
                          +"type: " + f.type + "n"
                          +"size: " + f.size + " bytesn"
                          + "starts with: " + contents.substr(1, contents.indexOf("n"))
                    ); 
                };
            })(f);

            r.readAsText(f);
        }   
    } else {
          alert("Failed to load files"); 
    }
  }

  document.getElementById('fileinput').addEventListener('change', readMultipleFiles, false);
</script>

HTML + Javascript读取本地文件系统

1 个答案: