本地网页 - 从文件夹加载图像

Question

我正在尝试建立一个简单的网页来展示一个展示我公司为Revit制作的所有家庭的画廊。这不会托管在网络上，而只会存储在家庭所在的服务器上。包含系列的文件夹与index.html位于同一目录中：

.Families
.Details
.Custom
的index.html

我试图使用这个脚本： How to Load all Images in a Folder，但收到此错误：

  

XMLHttpRequest无法加载file：/// [directory]。交叉源请求仅支持协议方案：http，数据，chrome扩展，https，chrome-extension-resource。

我知道这是一项防止网站访问您本地文件夹的安全措施，但鉴于这只会存在于文件所在的服务器上，我想知道是否存在＆＃ 39;另一种选择。

代码：

function loadImages(dir){
  var fileExtension = ".png";
  $.ajax({
    url:dir,
    success: function(data) {
        $(data).find("a:contains(" + fileExtension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("Html:///", " ");
            $("body").append($("<img src=" + dir + filename + "></img>"));
        });
    }
  });
}

dir从另一个函数传入，类似于：＆＃34; / 2014 / Custom / Annotations＆＃34;。

Answer 1

如果您在Chrome上运行它，则可以使用--disable-web-security标志启动Chrome。