从客户端的目录中获取文件列表

Question

你好，

我在 javascript 中有一个变量列表，我想用给定目录的文件列表自动填充。这是文件列表：

hello.mp3
gasp.mp3
scream.mp3
...

变量将如下所示：

var sounds = {
  "hello" : {
    url : "sound/hello.mp3"
  },
  "gasp" : {
    url : "sound/gasp.mp3",
  },
  "scream" : {
    url : "sound/scream.mp3",
  }
};

问题是我不能使用 PHP，因为我的服务器不支持它，我不能改变它。这是在客户端，所以我想用 javascript 来做也是不可能的。我有什么选择来实现这一目标？

Answer 1

更新：这并没有超出 OP 的受限环境（实际上没有任何作用）。但我把这个留在这里是因为似乎很多人没有意识到这可以做到（使用 Chrome）。

尽管评论，你居然CAN阅读与正确的浏览器客户端的目录。但是，它需要用户操作。

不完美，但确实解决了您的限制。

为了获得直接列表，用户必须打开文件打开对话框并选择目录。此时，您可以迭代客户端上的文件列表，并根据需要自动填充数据结构。

您必须使用 Chrome，并且必须像这样设置输入：

<input type="file" webkitdirectory="" directory="">

示例在这里（请记住，这仅适用于Chrome）：

https://codepen.io/anon/pen/PRdbYq