JS检测图片大小的实例
2013-08-21 00:00
776 查看
<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>
相关文章推荐
- JS检测图片大小的实例
- JS检测图片大小的实例
- JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
- IE+JS: 上传之前检测图片文件大小
- IE+JS: 上传之前检测图片文件大小
- 使用iframe方式上传图片,并检测图片大小(解决js限制图片大小在浏览器兼容性方面不行)
- JS验证图片格式和大小并预览的简单实例
- js 检测图片类型 和大小 _Yan
- JS检测图片的大小
- js图片上传前检测大小
- JS检测上传图片大小
- 【Js应用实例】限制上传图片大小
- 用JS检测图片尺寸和图片文件的大小
- js实现上传图片类型大小的检测代码
- IE+JS: 上传之前检测图片文件大小及类型
- js前台检测上传图片大小的总结
- 检测上传图片的大小,宽,高及格式的JS
- js上传前预览图片,检测上传文件大小
- JS取得上传图片的大小