Javascript erhalten alle Bilddateien Form Ordner und fügen Sie ihre Namen Array

Question

Ich habe diesen Code:

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'); 
     } 

das Bild zufällig Hintergrund erzeugt. Also habe ich mehr als 100 Fotos mit hoher Auflösung und es wird Masochismus sein, sie alle umzubenennen und ihren Namen dem Bild-Array hinzuzufügen :) Also suche ich nach Lösung (Code), die alle Bilder aus der Image-Ordner-Ressource holen und hinzufügen ihre Namen zu array. Ich habe sowohl JPG-und JPEG-Formate.

Answer 1

Sie können nicht auf lokale Dateien mit JavaScript zugreifen (Sicherheitsgründe), es sei denn, Sie verwenden Knoten.

Eine mögliche Lösung wäre, die File API zu verwenden, aber Sie müssen noch Erlaubnis geben.