Javascript 如何检测图像路径是否中断？

我试图检测图像是否在

javascript

中可用

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

switch (type){

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

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

more cases....

}

开关（类型）{
“旧产品”案例：
返回“”
打破
“新产品”案例：
返回“”
打破
更多案例。。。。
}

---

在我返回图像之前，我想知道是否有任何方法可以检测图像是否存在<在我的例子中，code>src可能是一条断开的路径。非常感谢

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

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

然而，一种更整洁、更可靠的方法是在图像上运行jquery get

像这样

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

---

因此，您需要检测是否从指定路径正确的服务器上提供了映像？您可以在JS中下载映像，例如通过$.get（jQuery）并检查响应的状态。@WooCaSh是的，这是正确的。-动态创建

新图像（）

，设置其

src

属性，使用

load

事件，检查其高度/宽度我假设

/img>

标记末尾的

是一个打字错误？

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