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

时间:2010-09-20 19:54:07

标签: javascript file-io xul

如何在javascript中加载指定文件夹中的文件列表?

更新

实际上是来自Xul应用程序,但我认为本地html文件的任何内容都可以工作..(它是一个独立的应用程序)。并且是我正在谈论的资源文件(图像)..

3 个答案:

答案 0 :(得分:1)

可以在Firefox插件中使用多年。请参阅MDC上的以下页面:https://developer.mozilla.org/en/Code_snippets/File_I%2F%2FO

答案 1 :(得分:1)

如果文件夹是用户选择的,您可以使用HTML5文件[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>';
};

答案 2 :(得分:0)

如果您在浏览器中谈论JS并访问客户端计算机上的文件,则不能。出于安全原因,Javascript无权访问文件系统。