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

Javascript は、セキュリティ リスクをもたらすため、ajax を使用してクライアント マシン ファイルをロードできません。JavaScript がローカル マシン上のファイルを盗むときの問題を想像してみてください。Web サーバーにデプロイし、httpまたはhttpsプロトコルを使用して同じドメインのファイルを取得する必要があります。