zoukankan      html  css  js  c++  java
  • js限制上传文件的类型和大小

    var maxsize = 6*1024*1024;//6M
    var errMsg = "上传的附件文件不能超过6M!!!";
    var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过6M,建议使用IE、FireFox、Chrome浏览器。";
    var browserCfg = {};
    var ua = window.navigator.userAgent;
    if (ua.indexOf("MSIE")>=1){
    browserCfg.ie = true;
    }else if(ua.indexOf("Firefox")>=1){
    browserCfg.firefox = true;
    }else if(ua.indexOf("Chrome")>=1){
    browserCfg.chrome = true;
    }

    function checkfile(){
    try{
    var obj_file = document.getElementById("instructionName");
    if(obj_file.value==""){
    alert("请选择上传文件");
    return;
    }
    if(!/.(doc|xls|pdf|xlsx|pptx|docx|ppt)$/.test(obj_file)){
    alert("上传文件只能是doc|xls|pdf|xlsx|pptx|docx|ppt为后缀文件");
    $("#instructionName").val('');
    return;
    }
    var filesize = 0;
    if(browserCfg.firefox || browserCfg.chrome ){
    filesize = obj_file.files[0].size;
    }else if(browserCfg.ie){
    var obj_img = document.getElementById('tempimg');
    obj_img.dynsrc=obj_file.value;
    filesize = obj_img.fileSize;
    }else{
    alert(tipMsg);
    $("#instructionName").val('');
    return;
    }
    if(filesize==-1){
    alert(tipMsg);
    return;
    }else if(filesize>maxsize){
    alert(errMsg);
    return;
    }else{
    document.getElementById("bigsmall").value=filesize;
    return;
    }
    }catch(e){
    alert(e);
    }
    }

    <input id="instructionName" type="file" name="instructionName" value="" onchange="checkfile()" style="80"/>

     <input type="hidden" id="bigsmall" name="bigsmall" value="" />

  • 相关阅读:
    jquery.validate ajax提交
    linux权限不够,sh不能用
    几个简单的基类
    类型转换辅助工具类TypeCaseHelper
    linux下修改tomcat内存大小
    Hibernate,JPA注解@OneToMany_Map
    Hibernate,JPA注解@OneToMany_Set
    Hibernate,JPA注解@PrimaryKeyJoinColumn
    Hibernate,JPA注解@OneToOne_JoinColumn
    Hibernate,JPA注解@SecondaryTables
  • 原文地址:https://www.cnblogs.com/lanliying/p/3993212.html
Copyright © 2011-2022 走看看