精华内容
下载资源
问答
  • 浏览器校验上传文件大小

    千次阅读 2017-04-21 15:22:09
    以前一直基于IE编程,总觉得在客户端校验文件要么需要降低浏览器的安全性限制,要么必须将文件上传到服务器...假定页面的文件上传元素如下:校验上传文件大小方法如下:// 获取到文件上传元素 var aFileDom = docu

    以前一直基于IE编程,总觉得在客户端校验文件要么需要降低浏览器的安全性限制,要么必须将文件上传到服务器进行校验,今天又遇到小组成员问同样的问题,于是查阅了一番MDN,才发现DOM File API已经进步得非常强大了。

    假定页面的文件上传元素如下:

    <input type="file" id="aFile"/>

    校验上传文件的大小方法如下:

    //  获取到文件上传元素
    var aFileDom = document.querySelector('#aFile');
    //  解析上传的文件,得到File对象
    var aFile = aFileDom.files[0];
    //  获取文件的大小
    var size = aFile.size; // 返回以字节数量
    //  甚至可以判断文件的类型,不是总是有效,遇到无法识别的后缀,可能会返回空字符串
    var type = aFile.type; // 返回文件类型,如video/x-ms-wmv

    需要注意的是,获取File对象不能通过value属性,那样只会返回代表文件全路径的字符串。
    附浏览器的兼容性:

    Chrome Internet Explorer Firefox
    13+ 10+ 7+
    展开全文
  • js 上传图片 校验 文件类型 大小js 上传图片 校验 文件类型 大小js 上传图片 校验 文件类型 大小 js 上传文件校验 js 上传文件校验 js 上传文件校验
  • [size=medium]jQuery校验上传文件的格式和大小,[/size] [code="html"][/code] [code="jQuery"]$("#file_id").live('change', function(){ var fileName = $('#file_id').val...
    [size=medium]jQuery校验上传文件的格式和大小,[/size]
    <input id="file_id" type="file" name="staffcert_context" />


    $("#file_id").live('change', function(){
    var fileName = $('#file_id').val().split('\\'); //得到文件名数组
    var fileSize = document.getElementById('file_id').files[0].size; //获得文件大小;
    fileName2 = fileName[fileName.length-1]; // 获得文件名
    filePath = $('#staffcert_context').val().toLowerCase().split(".");
    fileType = filePath[filePath.length - 1]; //获得文件结尾的类型如 zip rar 这种写法确保是最后的

    if(!(fileType == "cer" || fileType == "pem" || fileType == "txt")){
    alert("文件格式不符合要求!");
    }
    if(fileSize>1024*1024*10){
    alert('请上传不超过10M的文件');
    }
    });
    展开全文
  • //判断文件大小,如果超过200MB 不允许提交 var fileSize=1;... popAlert(form.upload, "上传文件大小不能超过200MB!");//popAlert函数是自定义的提示框函数,作用类似alert,但是可以在对应的输入框中显示
    //判断文件大小,如果超过200MB 不允许提交
        var fileSize=1;
        fileSize =  form.upload.files[0].size; //获得文件大小; 1M文件的大小是1048576(1*1024*1024)
    	if(parseInt(fileSize)>209715200){
    	popAlert(form.upload, "上传的文件大小不能超过200MB!");//popAlert函数是自定义的提示框函数,作用类似alert,但是可以在对应的输入框中显示提示信息
    	setFormItemFocus(form.upload); //setFormItemFocus自定义的验证表单函数,把提示语定位到上传文件的位置
    	return false;
    	//-------------------------------------------
    	//上面用到的上传组件是typestry的upload组件
    	<span jwcid="upload@Upload" file="ognl:uploadFile" ContentEditable="true" class="UpLoadStyle"/> 
    
    展开全文
  • alertx("不接受此文件类型!"); target.value =""; return false; } }else{ return false; } if (isIE && !target.files) { var filePath = target.value; var fileSystem = new ActiveXObject(...
    <input id="excelValue" type="file" name="excelContent" onchange="fileChange(this);" >
    <script type="text/javascript">
    
            var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
            function fileChange(target) {
                var fileSize = 0;
                /* var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"]; */
                var filetypes =[".xls",".xlsx"];
                var filepath = target.value;
                var filemaxsize = 1024*1;//1M
                if(filepath){
                    var isnext = false;
                    var fileend = filepath.substring(filepath.lastIndexOf("."));
                    if(filetypes && filetypes.length>0){
                        for(var i =0; i<filetypes.length;i++){
                            if(filetypes[i]==fileend){
                                isnext = true;
                                break;
                            }
                        }
                    }
                    if(!isnext){
                    	alertx("不接受此文件类型!");
                        target.value ="";
                        return false;
                    }
                }else{
                    return false;
                }
                if (isIE && !target.files) {
                    var filePath = target.value;
                    var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
                    if(!fileSystem.FileExists(filePath)){
                    	alertx("附件不存在,请重新输入!");
                        return false;
                    }
                    var file = fileSystem.GetFile (filePath);
                    fileSize = file.Size;
                } else {
                    fileSize = target.files[0].size;
                }
         
                var size = fileSize / 1024;
                if(size>filemaxsize){
                	alertx("附件大小不能大于"+filemaxsize/1024+"M!");
                    target.value ="";
                    return false;
                }
                if(size<=0){
                	alertx("附件大小不能为0M!");
                    target.value ="";
                    return false;
                }
            }
    		
    	</script>

     

    展开全文
  • 在JS中校验的方式: var filename = document.form_name.file.value; var patrn = /^.+\.(zip|rar)$/; //只允许后缀名为.zip或.rar的文件 ...请上传.zip或.rar文件!"); return false; }else{ var file...
  • 新项目中需要用到新闻视频上传功能,UI组件...1.校验视频文件大小: //校验 文件大小 checkSize(file, size) { let that = this return new Promise(function (resolve, reject) { if (file.size / 1024 > s
  • 问题描述 关于elementUI文件上传校验功能实现 代码 <el-upload accept="image/jpeg,image/gif,image/png" class="upload-demo upload-tip" :action="upload...
  • Struts_upload.xml 配置如下:   20971520 /WEB-INF/pages/tooLargeError.jsp   ... 注:文件大小最大设置为20971520b=20...设置result name="input"返回到提示页面是因为上传文件过大时,Struts2返回的是inpu
  • jQuery上传文件大小校验

    千次阅读 2013-04-09 14:21:01
    为了在IE下可以使用前端校验,需要判断浏览器类型。如果是IE需要使用ActiveX来校验。客户端需要修改IE设置才能运行,具体为:IE -> Internet选项 -> 安全 -> 自定义级别 -> ActiveX控件和插件 -> 对未标记为可安全...
  • 比如页面有一个file input: <input type="file" id="testFile" /> 可用如下代码进行校验: $('#testFile').bind('change', function() { // 获取文件大小和名字 var size = this.files[0].size; va...
  • if(this.isLt2k==='0') { this.$message({ message: '上传文件大小不能超过200k!', type: 'error' }); } return this.isLt2k==='1'?true: false; beforeRemove方法中需要把不符合大小的文件自动移除 beforeRemove...
  • 文件上传前端大小格式校验

    千次阅读 2018-05-09 17:35:36
    //如果上传文件,会触发 /*(1)判断文件后缀类型*/ var strs = new Array (); //定义一数组 // var pic1 = $("#file").val(); //获取input框的值,文件路径 var pic1 = $(file).val(); //获取...
  • js兼容ie和chrome的文件上传大小校验

    千次阅读 2017-08-16 11:33:36
    js兼容ie和chrome的文件上传大小校验
  • easyui filebox文件大小校验

    千次阅读 2019-04-12 09:07:38
    上传文件前端可以校验文件大小,也可以后端校验文件大小,前端校验避免了上传完文件之后对文件大小校验,占用服务器资源,大文件上传时间过长等问题。 实现easyui文件大小校验自定义扩展 $.extend($.fn....
  • 客户端限制上传文件大小的方法

    千次阅读 2010-02-25 13:47:00
    不过我总觉得客户端校验上传文件大小没有太好的办法。第一种方法据说可以在FORM表单之内、FILE文件输入框之前加入如下代码来实现:HTML: 如果这样可以,当然很好,不过我这里从来没有成功过。第二种方法是利用所谓...
  • 这个主要是前端文件校验的js代码,校验的内容包括,文件类型,单个文件大小,总的文件大小,文件控件是否为空,以及删除控件等,这个类似于邮箱的添加附件功能,会经常用到
  • 在处理文件上传事务的过程中,对文件...不过我总觉得客户端校验上传文件大小没有太好的办法。第一种方法据说可以在FORM表单之内、FILE文件输入框之前加入如下代码来实现:PLAIN TEXTHTML: TYPE="HIDDEN" NAME="MA
  • 本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> [removed] var isIE = /msie/i.test...
  • js检测上传文件大小

    千次阅读 2017-09-22 17:57:46
    本篇介绍一个前端JS便捷判断上传文件大小的方法。  代码很简单,关键就是怎么用JS拿到文件然后获取文件大小,进而去判断拦截。由于各种历史原因,IE的ActiveX控件因素,获取文件的方法可能和其他浏览器有所不同...

空空如也

空空如也

1 2 3 4 5 ... 16
收藏数 309
精华内容 123
关键字:

校验上传文件大小