从Javascript / Jquery文件夹中读取图像到网页

时间:2017-07-14 00:57:21

标签: javascript jquery html css file

我想从本地文件夹和Javascript数组中读取并加载大量图像。图像按字典顺序编号并排序,但它们上的数字不是连续的整数,因此我不知道确切的文件路径。读取和加载所有内容的好方法是什么?

1 个答案:

答案 0 :(得分:0)

这样的东西?

var folder = "folder/path/";

$.ajax({
  url: folder,
  success: function(data) {
  
    console.log("success");
    
    $(data).find("a").attr("href", function(i, val) {
    
      if (val.match(/\.(jpe?g|JPE?G|png|PNG|gif|GIF)$/)) {

        var output = "<img src='" + val + "'>";
        $("#YourContainer").append(output);
        
      }
      
    });

  },
  error: function(e) {
    console.log(e + " error");
  }
});