使用javascript/jquery加载css背景图像时的测试错误

我的问题是，如何测试背景图像是否已正确加载？

基本上我有一些div，

有些人会出现拒绝访问错误，或者根本不存在，我需要知道什么时候才能避免没有背景图像。

我知道如果它们是图像，我可以使用

$（“#图像”）.error（function（）{}）但是，令人沮丧的是，我不能在这里，调用
css（“背景图像”）
并没有产生错误，我认为可能会，它只是返回完全无用的url


我的另一个想法是使用URL生成一个隐藏的图像元素，并测试该元素是否正确加载，但我将处理大量图像，我希望有一个更优雅的解决方案。



如果有人知道我如何测试背景图像或图像URL是否返回图像，我会很高兴。


更新


我尝试过使用一个图像预加载的形式

$.each($(".photo"), function(){
  var theURL = $(this).css('background-image'),
    theURL = theURL.replace('url(',''),
    theURL = theURL.replace(')',''),
    testImage = new Image(theURL);

但是新的测试图像没有错误方法，而且不管是否有问题，宽度显然为0，所以我再次被难住了


我也尝试过使用，但这种情况的一个特点是，我正在设计一个tumblr主题，断开的链接返回自动生成的错误页面，ajax似乎认为这意味着目标已加载
 这里有100篇关于图像预加载的帖子。。。如果图像用于背景或图像标记，效果相同。嗯，这对我来说是新闻，从未使用过图像预加载程序。谢谢。我刚刚研究了这个问题，我可能错了，但我似乎需要一个插件，它可以工作，但似乎是一个庞大的解决方案，使每个页面加载只有少数，罕见的情况；或者，我必须制作一个测试div，看看加载是否正确，这对于每个图像来说都是一个沉重的负担。不，绝对不需要插件，也不需要将图像放在div中。更深入地看，
javascript图像预加载程序