1つのディレクトリからすべてのイメージを読み込む方法

私は、次のように1つのディレクトリにすべてのイメージを表示しようとしました：jquery。しかし、それは動作していません。私のフォルダ構造は画像フォルダとjsフォルダです。私はちょうどthis質問にも従いましたが、目標を達成できませんでした。1つのディレクトリからすべてのイメージを読み込む方法

<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関数からそのページを（フォルダ名の代わりに）呼び出す必要があります。

2番目に、イメージ名（パス）のリストをループしてイメージ要素を作成します。あなたは似たようなことをしています。

出典

2016-11-03 06:17:23

-1

Javascriptがファイルシステムにアクセスすることはできません。または、サーバースクライドスクリプトにajaxリクエストを送信して、ファイル名をリストし、スクリプトに名前を返すか、またはserver side javascript

出典

2016-11-03 06:13:34 shoieb0101

投票とコメントはありません！すばらしいです。 – shoieb0101

1つのディレクトリからすべてのイメージを読み込む方法

答えて

関連する問題