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

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

.家庭
.详细信息
.自定义
index.html

我正在尝试使用此脚本：如何加载文件夹中的所有图像，但我得到这个错误：

XMLHttpRequest无法加载文件：///[directory]。跨源请求仅支持以下协议方案：http、数据、chrome扩展、https、chrome资源扩展。

我知道这是一种安全措施，可以防止网站访问您的本地文件夹，但鉴于这只会存在于文件所在的服务器上，我想知道是否还有其他选择。

代码：

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是从另一个函数传入的，类似于："/2014/Custom/Annotations"。