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">

　　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>