如果图像不存在，请更新img src

Question

我有2个可能的图像显示。如果存在第一个，请显示它; 如果没有，请显示第二个

此代码将显示在多个页面中，因此如果第一个图像不存在，它会将src显示为“未定义”或“未知”所以我需要指定这2个实例

我正在尝试以下方法，但只要我添加“或未知”就会中断：

<div id="section-heading">

  <div id="topBannerG" class="groupImageHidden">

    <img src="(unknnown)">

  </div>

  <div id="topBannerG" class="groupImageHidden">

    <img id="ctl00_ctl26_imgBanner" src="image.jpg">

  </div>

</div>

$(document).ready(function() {

  var imageDef = $("#topBannerG.groupImageHidden img");

  if (typeof imageDef == "undefined") || (typeof imageDef === "unknown") {

    var imgHref = $('.groupImage img').attr("src");

    $('#section-heading').prepend('<div id="topBannerG" class="mslwidget maxWidth groupImage"><img src="' + imgHref + '" style="border-width:0px;"></div> ');

  } else {

    var imgTopHref = $('#topBannerG img').attr("src");

    $('#section-heading').prepend('<div id="topBannerG" class="mslwidget maxWidth msl-pagebanner"><img id="ctl00_ctl26_imgBanner" src="' + imgTopHref + '" style="border-width:0px;"></div> ');

  }

});