首页 / 脚本样式 / JavaScript / 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>