在将图像添加为背景图像之前检查图像是否存在

堆栈上有一些关于在图像上使用 .error() 来确定它们是否存在并添加占位符（如果不存在）的解决方案，但它们都严格讨论其使用<img>标签。有没有人对未添加到的图像执行过这种类型的验证<img>标签而不是作为 div 上的背景？

我们有一组来自第三方 API 的图像，但有时返回的整组图像 url 并不存在。验证一组图像（注定是背景图像）以确定它们是否存在，然后在验证失败时应用适当的占位符的正确方法是什么？

有几种方法可以做到这一点：

使用ajax：

$.ajax({
    url: "image.jpg",
    type: "HEAD",
    error: function () { alert("no image"); }
});

使用 JavaScript 图像对象：

var image = new Image(); 
image.src = "image.jpg";
if (image.width == 0) {
  alert("no image");
}