限制圖片的寬與高小於400

function showImg(thisimg) {
	var showimg = document.getElementById("showimg");
    showimg.src="";                 //每一次顯示圖片時將上一次的圖片清空
	var file = thisimg.files[0];   //調用FileList第一個 File 型別物件
	
	var fr = new FileReader();  //建立新的 FileReader 物件
	fr.onloadend = function(even) {
		showimg.src = even.target.result; //透過其回傳參數 event.target.result 取得讀取的內容
	};
	fr.readAsDataURL(file); // 調用readAsDataURL() 方法 將file 物件為參數傳入
    
    showimg.onload = function(){ //當 showimg 載入完成時觸發
    var w=showimg.offsetWidth; //取得圖片的寬
    var h = showimg.offsetHeight; //取得圖片的高
    console.log("w:" + w +"h:" + h);
    if(h>400 || w>400){ 
      alert("尺寸不符");
      showimg.src=""; //顯示圖片的尺寸不符時將圖片清空
    }
  }

}

尺寸不符:

尺寸符合: