サーバー上にファイルが存在するかどうかを確認するAjax

Question

$imageURL = "/root/development/servers/account_" + $accountID + "/social_" + $socialCount + "/bots/" + $botName + "_" + ($id + 1) + ".png"; 
$.ajax ({ 
    url: $imageURL, 
    success: function() { 
     alert("1"); 
    }, 
    error: function() { 
     alert("0"); 
    } 
}); 

これは私のファイルが存在するにもかかわらず、常に警告を出します（テキストフィールドにフルパスを表示し、チェックするように警告します）。 Googleで見つけたものはすべて、これを行う方法だと言われています。古いものですか？ファイルを表示するための特定の権限を与えなければなりませんか？ここで何がうまくいかないのでしょうか？ありがとう。

Answer 1

このJavaスクリプトの画像機能してみてください：チェックのためのファイルがサーバー上に存在

共通機能：

var image = new Image(); 
image.src = $imageURL; 
if (image.width == 0) { 
    alert("no image"); 
} 

またはあまりにも、このいずれかを試してみてください。

$.ajax ({ 
    url: $imageURL, 
    type: "HEAD", 
    success: function() { 
     alert("1"); 
    }, 
    error: function() { 
     alert("0"); 
    } 
}); 

Answer 2

を使用すると、機能の下に試すことができますが：

function imageExists(image_url){ 

    var http = new XMLHttpRequest(); 

    http.open('HEAD', image_url, false); 
    http.send(); 

    return http.status != 404; 

} 

と以下のようにあなたの要求を置く：

$.get(image_url) 
    .done(function() { 
     // Do something now you know the image exists. 

    }).fail(function() { 
     // Image doesn't exist - do something else. 

    }) 

これはリターンを要求し、ステータスコードと私のシンプルなソリューションです...それはあなたを助け

おかげ

Answer 3

を願っています。

$.ajax ({ 
    url: 'https://fiddle.jshell.net/img/logo.png', 
    statusCode: { 
     200: function() { 
      alert("image found"); 
     }, 
     404: function() { 
      alert("image not found"); 
     } 
    } 
});