如何使用JS获取本地文件夹内文件名称？

使用HT ML 5提供的File API ，我们可以通过以下步骤获取本地文件夹内所有文件的名称：

var folderPath = "file:///C:/Users/UserName/Desktop/folder/";
其中，路径必须以"file:///"开头，在Windows系统中，路径的反斜杠必须替换为斜杆。
获取文件夹内所有文件：
var xhr = new XMLHttpRequest();
xhr.open("GET", folderPath);
xhr.onload = function() {
  var fileList = xhr.responseText;
  console.log(fileList);
xhr.send();
在XHR请求中，我们通过指定文件夹路径来获取文件夹内所有文件的列表，返回的数据类型为字符串，每个文件名之间以换行符分隔。
按行切割文件名列表：
var xhr = new XMLHttpRequest();
xhr.open("GET", folderPath);
xhr.onload = function() {
  var fileList = xhr.responseText;
  var fileNames = fileList.split("\n");
  console.log(fileNames);
xhr.send();
我们使用JavaScript的split()函数，按照换行符将文件名列表切割成数组，文件名数组即为我们想要的结果。
完整的代码示例：
var folderPath = "file:///C:/Users/UserName/Desktop/folder/";
var xhr = new XMLHttpRequest();
xhr.open("GET", folderPath);
xhr.onload = function() {
  var fileList = xhr.responseText;
  var fileNames = fileList.split("\n");
  console.log(fileNames);
xhr.send();