layui阻止文件上传

简介: layui阻止文件上传

1、找到upload.js,查找:y=function,并将它后面的大括号代码注释,替换成以下的代码:


       return "choose"===t?l.choose&&l.choose(g):((l.before&&l.before(g))===false?'':a.ie?a.ie>9?u():c():void u());


2、借助layui的before方法,使用:return false 阻止提交,如下代码:    


before : function (obj) {

   //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)

   obj.preview(function(index, file, result){

       // 非xlsx文件不进行上传并提示

       if(file.name.length > 0){

           var fileName = file.name;

           var fileSuffix = fileName.substr((fileName.lastIndexOf(".")+1),fileName.length);

           if("xlsx" != fileSuffix){

               layer.open({

                   icon:0,

                   title: advice

                   ,content: tips

               });

               return false;

           }

       }

   });

}


相关文章
|
6月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
230 0
LayUI upload上传组件上传文件的两种方式
LayUI upload上传组件上传文件的两种方式
647 0
|
6月前
|
JavaScript 前端开发 PHP
34、文件上传 -- 绕过JS验证
34、文件上传 -- 绕过JS验证
52 0
|
6月前
uploadify组件文件上传那些事
uploadify组件文件上传那些事
67 0
|
安全 前端开发 PHP
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
1234 0
如何通过form表单控制上传文件的大小?
如何通过form表单控制上传文件的大小?
1439 0
|
开发框架 安全 .NET
KindEditor 文件上传漏洞验证
KindEditor 文件上传漏洞验证
1105 0
KindEditor 文件上传漏洞验证