JavaScript 从文件夹中获取所有图像文件并将它们的名称附加到数组答案

【问题标题】：JavaScript get all image files from folder and append their names to arrayJavaScript 从文件夹中获取所有图像文件并将它们的名称附加到数组
【发布时间】：2017-12-18 18:02:40
【问题描述】：

我有这个代码：

function randombg(){
  var bigSize = [
    "url('images/1.jpg')",
    "url('images/2.jpg')",
    "url('images/3.jpg')",
    "url('images/4.jpeg')",
    "url('images/5.jpeg')",
    "url('images/6.jpeg')",
    "url('images/7.jpeg')",
    "url('images/8.jpeg')",
    "url('images/9.jpeg')",
    "url('images/10.jpeg')",
    "url('images/11.jpeg')",
    "url('images/12.jpeg')",
    "url('images/13.jpeg')",
    "url('images/14.jpeg')",
    "url('images/15.jpeg')",
    "url('images/16.jpeg')",
    "url('images/17.jpeg')",
    "url('images/18.jpeg')",
    "url('images/19.jpeg')",
    "url('images/20.jpeg')",
    "url('images/21.jpeg')",
    "url('images/22.jpeg')",
    "url('images/23.jpeg')"         
  ];

  var random = Math.floor(Math.random() * bigSize.length) + 0;
  document.getElementById("random").style.backgroundImage = bigSize[random];
  console.log('image loading function end');
}

生成随机背景图片。我有 100 多张高分辨率照片，将它们全部重命名并将它们的名称添加到图像数组中将是受虐狂。所以我正在寻找一种解决方案（在代码中），它从图像文件夹资源中获取所有图像并将它们的名称添加到数组中。我有.jpg 和.jpeg 两种格式。

【问题讨论】：

您在服务器端运行什么来构建该列表？ PHP、Node、ASP、...？

标签： javascript file browser load

【解决方案1】：

除非您使用节点，否则您无法使用 JavaScript 访问本地文件（出于安全原因）。

一个可能的解决方案是使用File API，但您仍然需要授予权限。

【讨论】：