圖片容錯處理

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

 1引用內容：
 2var strImageUrl=document.form1.info_img.value;
 3if(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}