[HTML] img的onerror事件－碎碎念

最近遇到需要判斷讀取的img圖片是否存在的問題，使用網路上找的一些js function去判斷圖片是否存在都有點問題。

後來發現img直接有onerror事件，圖片的判斷就交給 HTML內建的function來執行最妥當。

ex:

img onerror時執行特定function即可。

有時候如果網頁的圖片失連跑出討厭的叉燒包覺得不好看嗎？利用本文語法就可以在圖檔無法顯示的時候替換預設圖，甚至呼叫函式來做其他處理。


當src的圖片不存在時,使用onerror的圖片來顯示
<img onerror="this.src='noImg.gif'" src="test.jpg" />
<br />
當src的圖片不存在時,呼叫函式imgDisplay()
<img src="uploadlogo.jpg"  onerror='imgDisplay()' />


 <script type="text/javascript"> 
  function imgDisplay() 
  { 
  var board = document.getElementById("imgshow"); 
  board.style.display = 'none'; 
  } 
</script>