Question

我正在开发一个允许访问客户端文件系统的接口。用户应该能够浏览文件系统，选择一个目录，我的系统将显示所选目录的文件列表和子目录。

我尝试过使用HTML5文件API，但显然只允许用户选择文件（而不是文件夹）。

任何有关此方向的指示/帮助都将受到赞赏。

Answer 1

这不能在JavaScript中完成，因为它可能是一个潜在的安全问题。只能使用JavaScript访问用户通过文件对话框选择的文件。

如果你还没有看到File API，这是一篇非常好的文章。

Answer 2

如果它仍然是一个悬而未决的问题，那么让我给你一个可能适合你的解决方案。

<强> HTML

用于选择目录的文件输入：

<input type="file" id="file-input" webkitdirectory="" directory=""/>

<强>的JavaScript

以下脚本从给定文件夹和所有子文件夹中收集所有文件。甚至来自子文件夹等

$("#file-input").on("change", function(e) {
    var thefiles = e.target.files;
    $.each(thefiles, function(i, item) {
        var thefile = item;
        var reader = new FileReader();
        reader.onload = function() {
            files.push(thefile);
        };
        reader.readAsArrayBuffer(thefile);
    });

});

HTML / Javascript：获取给定目录中所有文件和子目录的列表

2 个答案: