javascript - 从 <img> 标签获取 HTTP 状态代码或响应 header ？

Question

在我正在构建的这项服务中，对图像的请求可能会导致两种可能的响应。

1. 它以请求的图像作为响应。

2. 它以默认图像作为响应，并指示所请求的图像无法立即使用。在这种情况下，可能会重复请求。

指示情况 #2 的明显方法是使用 202 状态代码或 X-Retry-In header 进行响应。不过，我愿意接受建议。

无论如何，我的目标是以某种方式在 JS 中捕获此响应(http header /状态代码/欢迎其他想法)并在几秒钟后自动重试图像。

我知道可以用 ajax 完成类似的事情，但我真的更喜欢只使用 JS + 标签的解决方案。

Answer 1

尝试这样的事情:

$.ajax({
type: "GET",
url: "YOURURL",
dataType: "image/png",
success: function(img) {
  i = new Image();
  i.src = img; // your image
},
error: function(err) {
  i = new Image();
  i.src = 'http://website.site/image.png' // your error image
}
});