在前端开发中，有时需要获取文件夹中的所有图片文件名称。本文将介绍如何使用 JavaScript 实现该功能。
方法一：使用 Ajax 请求
可以通过发起 Ajax 请求来获取文件夹中的所有文件名。下面是具体实现代码：
-------- ----------- -
----- --- - --- -----------------
--------------- -------------------
---------- - ---------- -
-- ----------- --- ---- -
----- --------- - ---
----- ----- - -----------------------------
--- ------ - -- ------ -
-- ---------------------------------------- -
-------------------------
-
-
-----------------------
- ---- -
-------------------- ------- -------- ------ -- - - ------------
-
--
-----------
-上述代码首先创建了一个 XMLHttpRequest 对象，并向指定的文件夹发送 GET 请求。如果请求成功，响应内容会被分割成行，并遍历每个文件名，通过正则表达式匹配筛选出图片文件名称，并存入数组中。最终打印出所有的图片文件名称。
需要注意的是，由于涉及到跨域访问，因此需要服务器端配置允许跨域请求。
方法二：使用 Node.js 模块
如果项目使用了 Node.js，可以使用 node.js 模块 fs 和 path 来读取指定目录下的所有文件名，并通过正则表达式匹配筛选出图片文件名称，具体代码如下：
----- -- - --------------
----- ---- - ----------------
-------- ----------- -
----- --- - ------------------
----- --------- - ---
---------------------------------- -- -
----- ------- - -------------------
-- --------------------------------------- -
---------------------
-
---
-----------------------
-上述代码首先定义了要读取的文件夹路径，然后通过 fs 模块的 readdirSync 方法读取该目录下的所有文件名，并遍历每个文件，通过 path 模块获取文件扩展名，并用正则表达式匹配筛选出图片文件名称，并存入数组中。最终打印出所有的图片文件名称。
需要注意的是，由于使用了 Node.js 模块，因此该方法无法在浏览器端运行。
总结
本文介绍了两种方式实现获取文件夹中所有图片文件名称的方法，分别是通过 Ajax 请求和 Node.js 模块。其中，Ajax 请求适用于在浏览器端获取文件名称，而 Node.js 模块则适用于在服务器端获取文件名称。需要根据实际需求进行选择。
参考文献：
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31644