首页 > web前端 > html教程 > 上传文件验证 格式 与 大小_html/css_WEB-ITnose

上传文件验证 格式 与 大小_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:52:57
原创
996 人浏览过

 
 
 
 
 
 
  $(document).ready(function(){
   
  $("#form01").change( function(){
   
  var filepath=$("input[name='myFile']").val();
   
  var extStart=filepath.lastIndexOf(".");
   
  var ext=filepath.substring(extStart,filepath.length).toUpperCase();
   
  if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){
   
  alert("图片限于bmp,png,gif,jpeg,jpg格式");
  return false;
  }else{$("#name01").text(ext)}
   
  var file_size = 0;
  if ( $.browser.msie) {
  var img=new Image();
  img.src=filepath;
  while(true){
  if(img.fileSize > 0){
  if(img.fileSize>3*1024*1024){
   
  alert("图片不大于100MB。");
  }else{
  var num03 = img.fileSize/1024;
  num04 = num03.toFixed(2)
  $(".size02").text(num04+"KB");
  }
  break;
  }
  }
  } else {
  file_size = this.files[0].size;
  console.log(file_size/1024/1024 + " MB");
   
  var size = file_size / 1024;
  if(size > 10240){
  alert("上传的文件大小不能超过10M!");
  }else{
  var num01 = file_size/1024;
  num02 = num01.toFixed(2)
  $("#size01").text(num02 + " KB");
  }
  }
  return true;
  });
   
  });
 
  无标题文档
 
   
 
 
 
   
 
   
 
 
   
 
 
   
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板