layui上传附件

<button type="button" class="layui-upload-button layui-btn" id="test1" >
                    上传附件
     <i class="layui-icon">&#xe67c;</i>
 </button>
<script>
   //文件上传
        var uploadFlag = 0;
        var uploadInst = upload.render({
            elem: '#test1'   //绑定元素
        , url: '/InsureStitution/Upload'//上传接口
        , accept: 'file'
        , exts: 'doc|docx|pdf|bmp|jpg|png'
        , multiple: true
        , size: 51200
        , alldone: function (obj) {//上传完毕回调
            console.log(obj.total);//得到总文件数
            console.log(obj.successful);//请求修改成功的文件数
            console.log(obj.aborted);//请求失败的文件数
        }
        , before: function (obj) {
          layer.load(); //上传loading
         //在 choose 回调之后、done/error 回调之前触发。返回的参数完全类似 choose 回调。一般用于上传完毕前的loading、图片预览等。
        }
        , done: function (res, index, upload) {
          layer.closeAll('loading'); //关闭loading
         //上传接口请求成功的回调,在上传接口请求完毕后触发,但文件不一定是上传成功的,只是接口的响应状态正常(200)
        }
        , error: function () {
            //请求异常回调
            layer.closeAll('loading');
        }
        });
</script>

 

你可能感兴趣的