layui layuiadmin 多图上传实现（处理before 阻止图片回调上传）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_25275355/article/details/84333879

        先找到核心文件  upload.js  讲其复制  用工具解压 http://tool.oschina.net/codeformat/json
        将这块   s.before && s.before(e),l.parent().submit();
        替换成
        if(s.before==undefined || s.before(e)==undefined || (s.before && s.before(e))) l.parent().submit();
        else return false;

         搞定0k

实战：

//多图上传
                    upload.render({
                        elem: '#'+dom_name
                        ,url: '/Admin/Upload/uploadOne/'
                        ,multiple: true
                        ,auto: true
                        ,number:3
                        ,size: 500
                        ,accept: "images"
                        ,exts: 'jpg|png|jpeg'
                        ,before: function(obj){

                            var img_num =$("#"+demo_name).find('.file-iteme').length;
                            console.log('img_num:'+img_num)
                           //---------------------实现begin----------------------------------------------------------
                            if(img_num>2){
                                layer.msg('最多上传3张图片！');
                                return false;
                            }
                             //---------------------实现end----------------------------------------------------------
                            layer.msg('图片上传中...', {
                                icon: 16,
                                shade: 0.01,
                                time: 0
                            })
                        }
                        ,done: function(res){
                            layer.close(layer.msg());//关闭上传提示窗口
                            //上传完毕
                            $('#'+demo_name).append(
                                '<div id="" class="file-iteme">' +
                                '<div class="handle"><span class="glyphicon glyphicon-trash "><i class="layui-icon"></i></span></div>' +
                                '<img style="width: 100px;height: 100px;" src="'+res.data.src+'">' +
                                '<input type="hidden"  name="'+form_name+'[file_pic]['+res.data.file_id+']"  value="'+res.data.src+'">' +
                                '<div class="info">图片</div>' +
                                '</div>'
                            );
                        }
                        ,error: function(){
                            layer.msg('上传错误！');
                        }
                    });

//需要layui付费模版联系 380993970（qq）

layui 付费模版领取+Q 380993970