javascript - 请问js可以获取到文件夹下的文件么？

Question

项目里有一个image文件夹，用来放一些展示图片
用js能不能获取到该文件夹下所有文件的文件名？然后用相对路径将这些图片遍历展示出来
我搜到了FileSystemObject，但是这个好像是读取文件具体内容的

补充说明，兼容Chrome和Safari即可~

Answer 1

你想一下 js 是运行在客户端的，就算有读取文件夹的能力，也应该是读取的客户端。而你需要读取项目中的文件，明显是在服务器目录中，只能靠后台语言去获取，然后开放一个接口让 js 去请求。

Answer 2

html确实还真有这么一个规范，不过不确定到底有多少浏览器支持，用的是如下attribute:

<input type="file" id="ctrl" webkitdirectory directory multiple/>

区别是，在chrome里，webkitdirectory起作用，允许你可以选择文件夹(里面的文件都能拿到哦)；

而在firefox里，是multiple起作用，允许你可以选择多个文件(当然文件名也都拿到了)

看实例: upload

Answer 3

是否可以，将图片的命名为 连续的，比如 img1， img2， 然后通过js， 循环加载这些图片

Answer 4

我说说自己的理解:你的文件是放在服务器的,想要获取服务器的文件不是应该用后台语言吗.nodeJs当然可以读取这些文件,你想前台直接读取后台服务器的文件.中间避不开后台这一层吧

Answer 5

nodejs可以读取服务器的文件夹, 客服端的js, 想都不要想, 要是能读到, 谁还敢访问网页

Answer 6

在IE中，可以使用ActiveXObject+FileSystemObject实现这个功能(百度“JS遍历本地文件”有很多)，试了一下效果可以，但ActiveXObject是IE独享的，题主要求兼容chrome和safari显然不满足。
其次就只能考虑Nodejs的File System模块了，这个题主自己研究吧，但肯定不是纯前端的东西了