通過文件夾查看並使用通配符的函數

Question

曾經是堆棧溢出的一個潛伏者，熱愛網站。

現在輪到我了。從下面的代碼中，我會在每次加載頁面時隨機制作背景圖片。

是否有人會幫助我提高效率，這樣我就不必手動輸入文件名了？我尋找某種通配符函數，可以查看我的給定文件夾和加載頁腳* .png甚至* .png作爲此文件夾將只包含頁腳模式。

var images = ['footer.png', 'footer2.png', 'footer3.png']; 

$('#footer').css({'background-image': 'url(images/footers/' + images[Math.floor(Math.random() * images.length)] + ')'}); 

Answer 1

使用PHP，你可以做到這一點：

<?php 

$directory = "./images/"; 
$images = glob($directory . "*.png"); 

foreach($images as $image) 
{ 
    echo $image . "\n"; 
} 

?> 

只是不要讓$directory任意參數，因爲俄羅斯的黑客將千斤頂你的web應用。

要使用它，請向PHP文件發出一個AJAX請求並解析輸出，並用\n字符分隔每個文件。

使用jQuery

所以，

var images = []; 

jQuery.load('images.php', function(data) 
{ 
    images = data.split('\n'); 
});