2016-11-03 5 views
0

Ich habe versucht, alle Bilder in einem Verzeichnis anzuzeigen, indem Sie jquery verwenden. Aber es funktioniert nicht. Meine Ordnerstruktur ist nur ein Bilderordner und js Ordner. Ich folgte nur this Frage auch, aber konnte nicht das Ziel erreichen.So laden Sie alle Bilder aus einem Verzeichnis

enter image description here

<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>

+0

@Satpal Hier habe ich Ajax Anfrage verwendet. und es gibt viele Akzeptanz der vorherigen Frage ich habe [hier] verlinken (http://stackoverflow.com/questions/18480550/how-to-load-all-the-images-from-one-of-my-folder-into -my-web-page-using-jquery) –

+0

Dann teilen Sie den zurückgegebenen HTML-Code von der AJAX-Anfrage. – Satpal

Antwort

1

Zuerst müssen Sie eine Server-Seite erstellen, die Ihnen Liste zur Verfügung stellt Namen aus diesem Verzeichnis. Sie müssen diese Seite (anstelle des Ordnernamens) von Ihrer $ .ajax-Funktion aufrufen.

Zweitens, Schleife über diese Liste von Bildnamen (Pfade) und erstellen Sie Bildelemente. Du machst ähnliche Sachen.

-1

Javascript haben keinen Zugriff auf Dateisystem. Alternativ können Sie eine Ajax-Anfrage an Ihr Server-Scide-Skript senden, um die Dateinamen aufzulisten und die Namen zurück an Ihr Skript zu senden ODER Sie können server side javascript

+0

Down Abstimmung und kein Kommentar! Groß. – shoieb0101

Verwandte Themen