Question

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

Answer 1

首先，您需要创建一个服务器页面，它将为您提供该目录中的名称列表。您需要从$ .ajax函数调用该页面（而不是文件夹名称）。

其次，遍历该图像名称列表（路径）并创建图像元素。你正在做类似的事情。

Answer 2

Javascript无权访问文件系统。或者，您可以向server-scide脚本发送ajax请求以列出文件名并将名称返回给您的脚本，或者您可以使用server side javascript

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

2 个答案: