如何在 javascript 中获取静态公用文件夹中的文件列表？答案

【问题标题】：How would I get the list of files in a static public folder in javascript?如何在 javascript 中获取静态公用文件夹中的文件列表？
【发布时间】：2016-09-03 08:32:19
【问题描述】：

所以我有一个用 express 和 node 设置的公用文件夹目录。

所以像这样的东西很好用 -

var testImage = new Image();

testImage.src = '/images/png/avatar.png';

但问题是我在 png 文件夹中有一堆我想要获取的图片。

我怎么能做这样的事情

var imageFolder = new Folder();
var imageList = [];
imageFolder.src = '/images/png';

for(var image in imageFolder){
    imageList.push(imageFolder[image])
}

【问题讨论】：

getting all filenames in a directory with node.js的可能重复
那将在服务器端，我试图在客户端访问它们，所以没有文件系统
你不能在前端列出服务器目录，你必须在后端列出文件，将它们作为 JSON 返回到前端，然后你就可以工作了。跨度>

标签： javascript file express directory

【解决方案1】：

您可以使用fs.readdir 来读取目录，您的示例是：

异步（推荐）：

var fs = require('fs')
fs.readdir('/images/png', function (err, images) {
  if (err) {
    return console.error(err)
  }
  var imageList = []
  images.forEach(function (image) {
    var imageObject = new Image()
    imageObject.src = '/images/png/' + image
    imageList.push(imageObject)
  })
})

同步：

var fs = require('fs')
var images = fs.readdirSync('/images/png')
var imageList = []
images.forEach(function (image) {
  var imageObject = new Image()
  imageObject.src = '/images/png/' + image
  imageList.push(imageObject)
})

【讨论】：