js判斷上傳圖片大小及尺寸

如下直接粘貼到記事本中，給後綴改成html便可運行

============================================================

<input name="txtImg" type="file" id="txtImg"     />
<input name="btnUploadImg" type="button" id="btnUploadImg" value="上傳" />
<span class="redcolor">(最佳圖片尺寸:寬度不超過600像素,高度不超過600像素)</span>

<script language="javascript">
var AllowImgFileSize=512;                //容許上傳圖片文件的大小 0爲無限制 單位：KB  
var AllowImgWidth=600;                        //容許上傳的圖片的寬度 0爲無限制　單位：px(像素) 
var AllowImgHeight=600;                        //容許上傳的圖片的高度 0爲無限制　單位：px(像素)

function checkImg(){
   var txtImg=document.getElementById("txtImg");
   if (txtImg.value==""){
   alert("請點擊瀏覽按鈕，選擇您要上傳的JPG或GIF文件!");
   txtImg.focus();
   return false;
   }
 
   var txtImg_url=txtImg.value.toLowerCase();
   var txtImg_ext=txtImg_url.substring(txtImg_url.length-3,txtImg_url.length);
   if (txtImg_ext!="jpg" && txtImg_ext!="gif" ){
    alert("請選擇JPG或GIF格式的文件!");
    txtImg.select()
    document.execCommand("Delete");
    txtImg.focus();
     return false;
  }
  var ErrMsgErrMsg = "";//錯誤信息
  var img=new Image();
  img.src=txtImg.value;
 
  if(img.width > AllowImgWidth){
  ErrMsgErrMsg="\n\n圖片寬度超過限制 請上傳寬度小於"+AllowImgWidth+"px的文件，當前圖片寬度爲"+img.width+"px";
  alert(ErrMsgErrMsg);
  return false;
  }

  if(img.height > AllowImgWidth){
   ErrMsgErrMsg="\n\n圖片高度超過限制 請上傳高度小於"+AllowImgHeight+"px的文件，當前圖片高度爲"+img.height+"px";
   alert(ErrMsgErrMsg);
   return false;
  }
 
  var size = formatNum(img.fileSize / 1024,2);
  if(size > AllowImgFileSize)  {
  ErrMsgErrMsg = "\n\n圖片文件大小超過限制 請上傳小於"+AllowImgFileSize+"KB的文件，當前文件大小爲"+size+"KB";
  alert(ErrMsgErrMsg);
  return false;
 }

alert('ok!');
 return true;
}

function formatNum(amt,pre) {

 pre = pre > 0 && pre <= 20 ? pre : 2;
 
 amt = parseFloat((amt + "").replace(/[^\d\.-]/g, "")).toFixed(pre) + "";
 var left = amt.split(".")[0].split("").reverse();
 
 var right = amt.split(".")[1];
 
 var t = "";
 for(i = 0; i < left.length; i ++ ) {
  t += left[i] + ((i + 1) % 3 == 0 && (i + 1) != left.length ? "" : "");
 }
 return t.split("").reverse().join("") + "." + right;

}

</script>