Question

我在页面上使用表单让用户输入将用于各种目的的图像的网址。我写了一个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 =＆＃34; imageThumbnail＆＃34;）。如果它不是图像，则会显示空白缩略图。

传递我试图做的两种.attr方法是否可行？还是我必须在其他地方处理？如果网址是图片，我希望它显示适当的图像，如果不是，则显示默认图像（带有相应的错误信息）。

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); }
        });

    })

});

jQuery成功/错误函数

1 个答案: