Ajax Image Preloader不起作用

Question

我正在使用Ajax制作预加载器，但它似乎无法工作。 我想加载一个图像，如果它在那里，成功做了一些事情 - 但是如果它不存在只是错误做另一件事 - 另一个文本 - 但是在这个代码中如果找到图像无关紧要或者不是，无论发生什么都发生警报，​​我的意思是如果发现图像都发生了警报，但是如果我删除了照片，那么两个警报也会发生，那么用ajax完成和错误来实现这些人的方法是什么？ 感谢您提供此指南中的任何指南。

function preloadImages()
{   
 var $image = 'http://www.mysite/images/example.jpg';
 jQuery.ajax({
    url: $image,
            complete: function(){
         fileLoaded();
     },
    error: function(){
        errorLoading();
    }
 });    
}

function fileLoaded(){
alert('There is the image');
}

function errorLoading(){
alert('No image');
}

在此先感谢您的帮助。 问候。

Answer 1

改变complete success

jQuery.ajax({
 url: $image,
     success: function(){
     fileLoaded();
 },
error: function(){
    errorLoading();
}
});

小提琴

Answer 2

试着找出错误，就像在这个SO 答案中一样

error: function(xhr, status, error) {
  var err = eval("(" + xhr.responseText + ")");
  alert(err.Message);
}

如果图像位于站点目录中，请按以下方式执行

    var image = '../Images/Slider/1.jpg'; // give in the src of the image
    $.ajax({
        type: 'GET',
        url: image,
        success: function (bytes) {
            alert('in');
        },
        error: function () {
            alert('Error!!!')
        }
    });