如何在 JavaScript 中加载文件列表？

Question

如何从 JavaScript 中的指定文件夹加载文件列表？

更新

实际上来自 Xul 应用程序，但我认为本地 html 文件的任何内容都可以工作..（它是一个独立的应用程序）。我说的是资源文件（图像）。

Answer 1

这可以在 Firefox 插件中实现，并且已经存在多年了。请参阅 MDC 上的以下页面： https://developer.mozilla.org/en/ Code_snippets/File_I%2F%2FO

Answer 2

如果该文件夹是用户选择的，您可以使用 HTML5 File[1] API 来读取文件：

<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>

document.querySelector('#files').onchange = function(e) {
  var files = e.target.files; // FileList

  var output = [];
  for (var i = 0, f; f = files[i]; ++i) {
    output.push('<li><b>', f.name, '</b> (',
                f.type || 'n/a', ') - ', f.size, ' bytes</li>');
    // TODO: Use FileReader to actually read file.
  }
  document.querySelector('#list').innerHTML = '<ul>' + output.join('') + '</ul>';
};

Answer 3

如果你谈论的是浏览器中的 JS 并访问客户端机器上的文件，则不能。出于安全原因，Javascript 无法访问文件系统。