zoukankan      html  css  js  c++  java
  • js限制图片的大小

    <form id="financialForm" action="<%=basePath%>riskcontrol/website/review_borrow!financialUplaod.ds"  method="post"  enctype="multipart/form-data" onsubmit="return checkusertype()" >
             <input type="hidden" name="usreId" value="<%=_usreId%>" />
             <input type="hidden" name="borrowId" value="<%=_borrowId%>" />
             <input type="file" name="image" multiple="multiple" id="financialImages"/>
             <input type="submit" value="开始上传"/>
        </form>
     
     
    <script type="text/javascript">
     
     function checkusertype(){
       var usertype="${login_session_key.userType}";
       if(!(usertype==2||usertype==11)){
        alert("只有财务风控或者 总部客服可以上传复审材料");
        return false;
       }else{
        return submitFile();
       }
     }
     function submitFile(){
       var fileArr = document.getElementById("financialImages").files;
        if(fileArr.length==0){
         alert('请选择上传的图片!');
         return false;
        }
       for( var i=0;i<fileArr.length;i++){
       var imageName=fileArr[i].name;
          var extStart=imageName.lastIndexOf(".");
          var ext=imageName.substring(extStart,imageName.length).toUpperCase();
          if(ext!=".PNG"&&ext!=".JPEG"&&ext!=".JPG"&&ext!=".BMP"){      
                 alert("图片限于PNG,JPEG,JPG,BHMP格式");        
                 return false;
                    }
           var filesize = fileArr[i].size/1024;
           if(parseInt(filesize)>300){
            alert('图片不能大于300KB');
            return false;
           }
         //  $('#financialForm').submit();
       }
      }
    </script>
  • 相关阅读:
    ORACLE学习记录
    Oracle拆分字符串函数
    spring3.2.5学习(二)——IoC注解配置
    spring3.2.5学习(一)——spring环境配置以及IOC简介
    使用SQL脚本将表字段生成实体类属性VO
    JAVA多线程笔试题
    初步接触LVS
    linux中shell,awk,sed截取字符串方法总结
    调用sort段错误问题
    开源软件许可协议简介
  • 原文地址:https://www.cnblogs.com/loveweiwei/p/4135456.html
Copyright © 2011-2022 走看看