图片容错处理

前阵子给人做一个产品展示页面，需要放置大量的本地或外来图片，由于旧的数据中有一些无效的图片路径，导致网页迟迟不能载入，写了大段的JS代码去验证图片路径的有效性，但由于外部图片有可能会因为服务器、网络等原因，仍然有可能打不开而导致页面半天才能全部载入，因此需要对图片做一下容错处理：<img src="图片路径" οnerrοr="this.src='error.gif'" border="0" align="absmiddle">，这样一来，如果图片不能正常载入，则会自动显示error.gif，省得留着一个大大的XX在那！

1   引用内容：
 2   var  strImageUrl = document.form1.info_img.value;
 3   if (strImageUrl.length > 0 )
 4  {
 5       var  RegExpImageUrl  =  strImageUrl.match( /^ http:/ / / / [A - Za - z0 - 9 ] + /.[A - Za - z0 - 9 ] + [/ /= / ?% / -& _ ~ `@[/]/': +! ] * ([ ^<> / " / " ]) * $ / );
 6       var  ImageType  =  strImageUrl.substr(strImageUrl.length - 4 , 4 ).toLowerCase();
 7       if (RegExpImageUrl  ==   null )
 8      {
 9          alert( " Error：图片地址格式不对 " );
10          document.form1.info_img.focus();
11           return   false ;
12      }
13       if ((ImageType  !=   " .jpg " )  &&  (ImageType  !=   " .gif " )  &&  (ImageType  !=   " .bmp " )  &&  (ImageType  !=   " .png " ))
14      {
15          alert( " Error：您的地址链接到的不是一个图片吧？！ " );
16          document.form1.info_img.focus();
17           return   false ;
18      }
19  }