从 JQuery 图像中的 error() 事件中检索 HTTP 状态代码。

Question

我需要通过 Javascript 加载图像，但如果失败，请了解 404 和 500 错误之间的区别。

我有将图像加载到“img”标签中的代码，如下所示：

var img = $('<img />').attr('src', url)
    .load(function() {
        // Do something.
    })
    .error(function(ev) {
        // What sort of error?
    });

在 error() 函数中，我似乎无法判断错误是 500 还是 404。有什么办法吗？

Answer 1

像这样处理和测试http status page

DEMO

var img = $('<img />')
    .load(function() {
        // Do something.
    })
    .error(function(jqXHR, error, errorThrown) {  
       if(jqXHR.status&&jqXHR.status==404)
       {
            alert(jqXHR.responseText); 
       }
       else
       {
           alert("Something went wrong");
       }
    })
    .attr('src', url);