jQuery：如果图像加载失败，则访问错误代码

Question

我有一个页面，用户可以从他们的文件系统，剪贴板或外部网站添加图像（浏览文件，拖放或复制/粘贴）。如果图像无法加载，我想让用户知道原因。例如，404 (resource not found)或403 (Forbidden) - 用户可能希望尝试不同的操作，具体取决于图片无法加载的原因。

我正在使用以下代码处理失败：

var image=$('<img>').appendTo(container);
image.error(function(e){/* error handling code*/});
image.attr('src','example.jpg');

我无法弄清楚如何访问导致失败的特定错误代码。如果我打开开发人员工具（chrome），会在那里显示错误消息...如何在我的代码中访问相同的消息？

Answer 1

你可以试试这个。

var img = $.get("/img/example.jpg");
var statusCode = img.status,
statusText = img.statusText;