Question

我正在尝试检测图片是否在javascript中可用。

我有一个switch语句，它返回不同类型的图像。

switch (type){

case 'oldProduct':
return "<img src='project/'" + folder + imagename + "/>"
break;

case 'newProduct':
return "<img src='project/'" + folder2 + imagename2 + "/>"
break;

more cases....

}

我想知道在返回图像之前是否有任何方法可以检测图像是否存在。在我的案例中，<img src='project/'" + folder2 + imagename2 + "/img> src可能是一条破碎的道路。非常感谢！

Answer 1

如果您只是想使用javascript而不是jquery我唯一的建议就是将图片加载到页面上

<img src="yoursrc" id="testImage" style="display:none;"/>

然后检查onerror方法“不可能在真正的旧版本中工作”

var image = document.getElementById('testImage');
im.onerror = function(){
  //do something on error
};

然而，更简洁和可靠的方法是运行jquery获取图像。

喜欢这个

function checkImg(src){
   var jqxhr = $.get(src, function() {
     return true;
   }).fail(function() { 
    return false;
   });
}

如何检测图像路径是否损坏？

1 个答案: