JavaScript實現圖片容錯處理

javascript|容錯 　　前陣子給人做一個產品展示頁面，需要放置大量的本地或外來圖片，由於舊的資料中有一些無效的圖片路徑，導致網頁遲遲不能載入，寫了大段的JS代碼去驗證圖片路徑的有效性，但由於外部圖片有可能會因為伺服器、網路等原因，仍然有可能打不開而導致頁面半天才能全部載入，因此需要對圖片做一下容錯處理： <img src="圖片路徑" onerror="this.src='error.gif'" border="0" align="absmiddle">，這樣一來，如果圖片不能正常載入，則會自動顯示error.gif，省得留著一個大大的XX在那！

　　代碼內容： var strImageUrl=document.form1.info_img.value;
if(strImageUrl.length>0)
{
    var RegExpImageUrl = strImageUrl.match(/^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/);
    var ImageType = strImageUrl.substr(strImageUrl.length-4,4).toLowerCase();
    if(RegExpImageUrl == null)
    {
        alert("Error：圖片地址格式不對");
        document.form1.info_img.focus();
        return false;
    }
    if((ImageType != ".jpg") && (ImageType != ".gif") && (ImageType != ".bmp") && (ImageType != ".png"))
    {
        alert("Error：您的地址連結到的不是一個圖片吧？！");
        document.form1.info_img.focus();
        return false;
    }
}