一、单个文件时:
<el-upload
class="upload-demo"
ref="uploadSingle"
drag
:action="uploadUrl"
:data={
Userid:Userid,Username:Username,AllCount:1,RecCount:1,OverFlag:1}
:show-file-list="true"
:on-progress="handleProgress"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
:on-change="changeUploadStatus"
:on-error="handleError"
:disabled="leaveFlag"
accept="txt"
>
<i class="el-icon-box upload-icon"></i>
</el-upload>
自动上传时,这里的:data里的参数在一选定文件的时候就已经定了,无法在回调函数中逐一改变
getCaption(obj){
let index=obj.lastIndexOf("\.");
obj=obj.substring(index+1,obj.length);
return obj;
},
handleProgress(event,file,fileList){
this.AllCount=fileList.length;
this.leaveFlag=true;//上传时不允许离开标识
},
changeUploadStatus(file, fileList){
this.AllCount=fileList.length;
},
handleError(err, file, fileList){
this.leaveFlag=false;//上传失败后的允许离开标识
this.$message.error('上传文件失败,请重新上传!');
},
handleAvatarSuccess(res, file) {
this.leaveFlag=false;//上传成功后的允许离开标识
if(res.code===200&&res.SuccessFlag==1){
this.$message