JS检测图片大小的实例

JS检测图片大小的实例。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<input type="hidden" name="MAX_FILE_SIZE" id="MAX_FILE_SIZE" value="8000000" />
  <input type="file" name="files" id="files"   onchange="checkFileType(this)"/> 
   <script type="text/javascript">

//检测图片大小

//by www.jbxue.com 
　　var maxSize=document.getElementByIdx_x('MAX_FILE_SIZE').value; 
function checkFileType(obj){


var path=obj.value.toString();


var perfix=path.substring(path.indexOf('.')+1);


var regExp=/(jpg|jpeg|gif|png)/gi;


if(perfix.match(regExp)){


checkFileSize(obj); //如果图片文件类型匹配成功则执行文件大小的检测。


}else{


alert('对不起，请选择图片文件'); return false;


} } 
function checkFileSize(obj){


var img=new Image();


try{


var imgSize=obj.files.item(0).fileSize;


return isLarged(imgSize,maxSize);//图片文件大小比对。


}catch(e){ try{


img.src=obj.value;


return isLarged(img.fileSize,maxSize);


}catch(e){


obj.select();


var path=document.selection.createRange.text();


img.src=path;


return isLarged(img.fileSize,maxSize);


} } } 
function isLarged(imgSize,maxSize){


if(imgSize>maxSize){


alert('对不起，您选择的图片文件超过了'+parseInt(maxSize/1024)+'Kb');


return false;


}else{


alert(parseInt(imgSize/1024)+ 'kb ' + 'This large is OK');


return true;


} } </script>