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;