单文件上传注意事项
废话不多说,直接上代码
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( '上传失败' );
}
} ,
} );