layui upload resetFile 重复上传

单文件上传注意事项

废话不多说,直接上代码

let uploadFile = upload.render( {
                                      elem: '#upload' ,
                                      url: '<%=basePath%>/exam/ExamCourseCoursewareAction.do?method=saveExamCourseCourseware' ,//此处配置你自己的上传接口即可
                                      data: {
                                        catalogId: function () {
                                          return $( "#id" ).val()
                                        } ,
                                      } ,
                                      accept: 'file',
                                      auto: false ,//不自动提交
                                      bindAction: "#bindAction" ,
                                      choose: function ( obj ) {    //此属性是在before之前调用 重点*****
                                        //将每次选择的文件追加到文件队列 重点*****
                                        this.files = obj.pushFile();
                                        obj.preview( function ( index , file , result ) {
                                          //对文件名编码 后台使用的是GBK
                                          obj.resetFile( index , file , encodeURI( file.name ) ); // 如果你用了这句话  那你一定要使用 auto属性 和 bindAction 属性 重点*****
                                          $( "#bindAction" ).click(); //将重置后的文件提交
                                        } );
                                      } ,
                                      before: function ( obj ) {
                                        //loading效果
                                        layer.msg( '上传中' , { icon: 16 , time: 0 } );
                                      } ,
                                      done: function ( res , index ) {
                                        //刷新列表
                                        query();
                                        if ( res.code === 200 ) {
                                          layer.msg( '上传成功' );
                                          // 删除数组中上传成功的文件,防止重复上传  重点*****
                                          delete this.files[index];
                                        } else {
                                          layer.msg( '上传失败' );
                                        }
                                      } ,
                                    } );

多文件的自己在研究吧

猜你喜欢

转载自blog.csdn.net/web_houzhanguo/article/details/123840230