如何从一个目录加载所有图像

我试图使用以下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

如何从一个目录加载所有图像

回答

相关问题