jQuery 成功/错误函数

Question

我在页面上使用表单让用户输入将用于各种目的的图像的 url。我正在编写一个 ajax 方法来确定他们提供的 url 是否实际上是图像。到目前为止，我已经这样做了:

$(document).on('ready', function () {

    $("#AppBackgroundImage").on('blur', function () {

        var providedImage = $(this);
        var URL = providedImage.val();

        $.ajax({
            url: providedImage.val(),
            type: "GET",
            success: function () { $("#imageThumbnail").attr("src", URL); },
            error: function () { $("#imageThumbnail").attr('src', "C:\Users\jorda_000\Desktop"); }

        });

        //$("#imageThumbnail").attr("src", URL);
    })

})

当我注释掉成功和错误函数并取消注释代码的底行时，当我点击表单输入时，它将使用适当的图像更新缩略图 (id = "imageThumbnail")。如果它不是图像，它将显示空白缩略图。

传递我尝试执行的两个 .attr 方法是否可行，或者我必须在其他地方处理吗？如果 url 是图像，我希望它显示适当的图像，如果不是，则显示默认图像(带有适当的错误消息)。

Answer 1

试一试:

$(document).on('ready', function () {

    $("#AppBackgroundImage").on('blur', function () {

        var providedImage = $(this);
        var URL = providedImage.val();

        $.ajax({
            url: providedImage.val(),
            type: "GET",
            error: function () { URL = "C:\Users\jorda_000\Desktop"); }
            complete: function () { $("#imageThumbnail").attr("src", URL); }
        });

    })

});