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

时间:2018-04-04 17:24:52

标签: javascript variables directory-structure

您好,

我在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做这件事也是不可能的。我有什么办法来实现这个目标?

1 个答案:

答案 0 :(得分:2)

更新:这并没有超出OP的约束环境(实际上什么都没有)。但是我把它留在这里因为似乎很多人都没有意识到这可以做到(使用Chrome)。

尽管有评论,但实际上 CAN 使用正确的浏览器读取客户端的目录。但是,需要用户操作

不完美,但确实解决了你的限制。

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

您必须使用Chrome,输入必须设置如下:

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

此处示例(请记住,这仅适用于 Chrome ):

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