> 웹 프론트엔드 > HTML 튜토리얼 > 上传文件验证 格式 与 大小_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:52:57
원래의
1005명이 탐색했습니다.

 
 
 
 
 
 
  $(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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿