получить имя файла в папке с javascript

Question

1. У меня есть папка с фоновым изображением, в которой есть изображение, которое я хочу использовать для фона.
2. как я могу получить их имена и поместить их на массив whit javascript? Если я не могу сделать это с javascript, как я могу это сделать?

3. Я хочу прочитать имя файла и использовать javacsript и ссылку для изменения фонового изображения whit css.

   <script> 
   function nextbg(){ 
   $('#bg').css('background-image','url(Images/bg2.jpg)'); 
   } 
   </script> 
   

Answer 1

Это решение создается в соответствии с тем, что браузер не имеют доступа к папкам/файловой системы.

Javascript может содержать Доступ к файловой системе. Это необходимо сделать с помощью сервера сценария сервера, а затем подать на javascript.

У меня была проблема simliar при создании моего игрового движка, когда я загружал все свои разные плитки. Я закончил это так.

Это решение создает две проблемы при его реализации.

1. Вы должны определить amout изображений в «NrofTiles» массив
2. Изображение должно быть названо как tile1, tile2 ... tile9 так что вы можете
   приращения пути к ним.

В typeOfTiles [typeCounter] только там, чтобы дать мне доступ к различным папкам, в моем случае для моей плитки, трава, дома, воды и так далее.

for(var i = 0; i <= nrofTiles.length; i++)  
{ 
    for(var x = 0; x <= nrofTiles[i]; x++) 
    {  
     console.log 
     ("Fetching tile "+(x + 1)+" of " + 14); 
     img = new Image(); 
     //My path 
     img.src = 'Images/Cart/' + typeOfTiles[typeCounter] + '/' + (x + 1) + '.png'; 
     imgArray.push(img); 

      var intervalFunctionen = function() {  

       alert("calls back here"); 
      }; 

    }//end for loop! 
}end outer for loop! 

Когда все загружено (плитки), вы делаете это, чтобы изменить фоновое изображение.

Это пример смены фона фона. Вы можете сделать ссылку с ID, чтобы сказать «iamthelink».

HTML

<a href="#" id="iamthelink">Change BG</a> 

JAVASCRIPT

var link = document.getElementsById('iamthelink'); 

link.onclick= function() { 
    var body = document.getElementsByTagName('body')[0]; 
    body.style.backgroundImage = 'url(http://localhost/background.png)'; 
}