JS检测图片大小的实例

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

JS检测图片大小的实例

  2020-05-13 我要评论

复制代码 代码如下:

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

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们