layui上传文件时在before方法中阻止上传

在layui.all.js或者upload.js中修改以下代码(根据自己使用情况看修改哪个js)

1、在js中搜索y=function()即可找到该方法
2、注释掉的为源码
3、a这个if放在b外面,则choose都不会执行,要执行的话就放在b里面
4、注意加了a,before方法最好有返回值
4、不要a的话,b里面的return换一下,before之后的error方法也会执行

y=function(){
    /*if("choose"!==i&&!l.auto||(l.choose&&l.choose(g),"choose"!==i))
        return l.before&&l.before(g),o.ie?o.ie>9?u():c():void u()*/
        /*修改后:可以在before方法中阻止上传*/
        a:if (l.before&&!l.before(g)) {
            return false;
        }
        b:if("choose"!==i&&!l.auto||(l.choose&&l.choose(g),"choose"!==i)){
            return a.ie?a.ie>9?u():c():void u()
            /*return l.before&&l.before(g),a.ie?a.ie>9?u():c():void u()*/
        }
 
    };
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Layui是一个简单易用的前端UI框架,它为开发者提供了一系列丰富的组件和样式,可以快速搭建出漂亮的网页界面。 多文件是指在一个上表单可以同时选择多个文件进行上的功能。而Java是一种通用的编程语言,可以用来开发服务器端的应用程序。 利用Layui和Java,我们可以实现一个漂亮的多文件样式。首先,我们需要引入Layui的相关文件,包括CSS和JavaScript。然后,在HTML页面,我们可以使用Layui的上组件来实现多文件的样式。具体的实现步骤如下: 1. 在HTML页面引入Layui的样式和JS文件: ```html <link rel="stylesheet" href="path/to/layui/css/layui.css"> <script src="path/to/layui/layui.js"></script> ``` 2. 创建一个上表单: ```html <form class="layui-form" action="path/to/uploadServlet" enctype="multipart/form-data"> <div class="layui-upload"> <button type="button" class="layui-btn" id="uploadBtn">选择文件</button> <div class="layui-upload-list"> <table class="layui-table"> <thead> <tr> <th>文件名</th> <th>大小</th> <th>操作</th> </tr> </thead> <tbody id="fileList"></tbody> </table> </div> <button type="button" class="layui-btn" id="submitBtn">开始上</button> </div> </form> ``` 3. 编写JavaScript代码来初始化上组件和处理上事件: ```javascript layui.use('upload', function(){ var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#uploadBtn', //绑定元素 url: 'path/to/uploadServlet', //上接口 multiple: true, //是否允许多文件 before: function(obj){ //预读本地文件示例,不支持ie8 obj.preview(function(index, file, result){ $('#fileList').append('<tr><td>'+ file.name +'</td><td>'+ (file.size/1024).toFixed(1) +'kb</td><td><button class="layui-btn layui-btn-xs layui-btn-danger">删除</button></td></tr>'); }); }, done: function(res){ //上完毕回调 console.log(res); }, error: function(){ //请求异常回调 } }); //删除文件 $('#fileList').on('click', '.layui-btn-danger', function(){ $(this).parents('tr').remove(); }); //开始上 $('#submitBtn').on('click', function(){ uploadInst.upload(); }); }); ``` 通过以上代码,我们就可以实现一个样式美观的多文件界面。在选择文件后,文件列表将会显示选文件名和大小,可以点击删除按钮删除文件。点击开始上按钮将触发上操作。上完成后,可以在控制台查看上结果。 总之,利用Layui和Java,我们可以方便地实现一个漂亮的多文件样式,提供更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值