如何從一個目錄加載所有圖像

我試圖使用以下jquery在一個目錄中顯示所有圖像。但它不起作用。我的文件夾結構只是一個圖像文件夾和js文件夾。我剛纔也跟着this的問題，但是不能達到目標。如何從一個目錄加載所有圖像

<script> 
 
    $(document).ready(function() { 
 

 
    var folder = "images/"; 
 
    $.ajax({ 
 
     url: folder, 
 
     success: function(data) { 
 
     $(data).find("a").attr("href", function(i, val) { 
 
      if (val.match(/\.(jpe?g|png|gif)$/)) { 
 
      $("body").append("<img src='" + folder + val + "'>"); 
 
      } 
 
     }); 
 
     } 
 
    }); 
 
    }); < /script>

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="js/jquery.min.js"></script> 
 

 
</head> 
 

 
<body> 
 
</body> 
 

 
</html>

來源

2016-11-03 Geeth Welagedara

@Satpal這裏我使用了Ajax請求。並有很多接受以前的問題，我有鏈接[這裏]（http://stackoverflow.com/questions/18480550/how-to-load-all-the-images-from-one-of-my-folder-into -my-web-page-using-jquery） –

然後從AJAX請求中共享返回的HTML。 – Satpal

首先，您需要創建一個服務器頁面，它將爲您提供列表來自該目錄的名稱。您需要從$ .ajax函數中調用該頁面（而不是文件夾名稱）。

其次，遍歷該圖像名稱（路徑）列表並創建圖像元素。你正在做類似的事情。

來源

2016-11-03 06:17:23

-1

JavaScript沒有訪問文件系統。或者，您可以發送一個ajax請求到您的服務器scide腳本來列出文件名並將名稱返回到您的腳本，或者您可以使用server side javascript

來源

2016-11-03 06:13:34 shoieb0101

投票並且沒有評論！大。 – shoieb0101

如何從一個目錄加載所有圖像

回答

相關問題