jquery - 使用 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

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

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

Answer 2

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