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;

           }

       }

   });

}


相关文章
|
7月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
248 0
LayUI upload上传组件上传文件的两种方式
LayUI upload上传组件上传文件的两种方式
691 0
|
7月前
uploadify组件文件上传那些事
uploadify组件文件上传那些事
76 0
|
Web App开发 移动开发 安全
如何阻止 iframe 里引用的网页自动跳转
如何阻止 iframe 里引用的网页自动跳转
198 0
|
前端开发
61EasyUI 表单 - 创建异步提交表单
61EasyUI 表单 - 创建异步提交表单
46 0
|
安全 前端开发 PHP
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
layui框架实战案例(21):layui上传的哪些事(layui.upload组件、 file文件域、php后台上传)
1334 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
658 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
如何通过form表单控制上传文件的大小?
如何通过form表单控制上传文件的大小?
1476 0
【ThinkPHP5.1】使用layui的图片上传显示问题
【ThinkPHP5.1】使用layui的图片上传显示问题
619 0
【ThinkPHP5.1】使用layui的图片上传显示问题
|
开发框架 安全 .NET
KindEditor 文件上传漏洞验证
KindEditor 文件上传漏洞验证
1127 0
KindEditor 文件上传漏洞验证

热门文章

最新文章