JavaScript從文件夾中獲取所有圖像文件，並將其名稱附加到數組

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，但您仍需要授予權限。