Question

我有这段代码：

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格式。

Answer 1

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

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

JavaScript从文件夹中获取所有图像文件，并将其名称附加到数组

1 个答案: