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

【问题标题】：Reading Images to a webpage from folder Javascript/Jquery从文件夹 Javascript/Jquery 读取图像到网页
【发布时间】：2017-07-14 00:57:21
【问题描述】：

我想从本地文件夹和 Javascript 数组中读取和加载大量图像。这些图像按字典顺序编号和排序，但它们上的数字不是连续的整数，所以我不知道确切的文件路径。什么是阅读和加载所有内容的好解决方案？

【问题讨论】：

标签： javascript jquery html css file

【解决方案1】：

这样的？

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");
  }
});

【讨论】：

它读取目录中的所有文件，然后在屏幕上打印。这是一些标准的 jquey/ajax。
按字母顺序阅读。将它们读入 ajax 后，您可以通过将生成的图像名称放入数组中更改为您希望的顺序，然后执行您自己想要的排序，然后使用简单的 for 循环输出到您想要的任何位置。