使用ajax，jQuery从服务器检索图像。代码不起作用

Question

我正在使用以下jquery代码从服务器上的文件夹中检索图像。

 var dir = "/images";
var fileextension=".jpg";
  $.ajax({
        url: dir,
        success: function (data) {

            $(data).find("a:contains(" + fileextension + ")").each(function () {
                var filename = this.href.replace(window.location.host, "").replace("http:///","");               
                $("body").append($("<img src=" + dir + filename + "></img>"));
            });
        }
    });

我收到错误“无法加载资源文件：/// D：/ images” 图像文件夹与index.html所在的路径相同。 不知道这个代码有什么问题。我是ajax的新手，任何帮助都将不胜感激。

Answer 1

Javascript无法使用ajax加载客户端计算机文件，因为它会带来安全风险。想象一下当javascript窃取本地计算机上的文件时的问题。您必须将其部署在Web服务器上，并使用http或https协议检索同一域中的文件。

Answer 2

您需要使用Web服务器提供文件，例如xampp或IIS或类似的东西。否则，您的代码将尝试直接从文件系统读取，并且它将被浏览器阻止。

加载index.html文件时检查地址栏中的URL，是否以file：///开头，然后您需要在计算机上设置开发Web服务器。