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

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

.家庭
.详细信息
.定制
index.html

我正在尝试使用以下脚本： ，但我得到了这个错误：

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

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

代码：

函数加载图像（dir）{
var fileExtension=“.png”；
$.ajax({
网址：dir，
成功：功能（数据）{
$（数据）。查找（“a:包含（+fileExtension+））。每个（函数（）{
var filename=this.href.replace（window.location.host，“”）。replace（“Html:///”，“”）；
$（“正文”）。追加（$（“”）；
});
}
});
}

---

dir是从另一个函数传入的，类似于：“/2014/Custom/Annotations”。

如果您在Chrome上运行它，您可以使用--disable web security标志启动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>"));
        });
    }
  });
}