<el-upload
class="upload-demo"
action=""
:on-change="onChange"
:limit="1"
:file-list="fileList"
:auto-upload="false"
>
<el-button size="small" type="primary">点击上传</el-button>
<!-- <div slot="tip" class="el-upload__tip">
只能上传jpg/png文件,且不超过500kb
</div> -->
</el-upload>
onChange(file, filelist) {
// console.log(file, filelist, "文件改变");
this.fileList = filelist;
}
onSubmit(form) {
let vm = this;
let param = new FormData(); //通过new FormData,新建局部参数。
for (let key in vm.form) {
if (vm.form[key]) {
param.append(key, vm.form[key]); //遍历向param中添加参数
}
}
this.$refs[form].validate(async valid => {
let ServiceID = this.serviceID || 0;
// console.log(ServiceID, "sid");
if (valid) {
// console.log(vm.fileList, "file");
if (vm.fileList.length !== 0) {
param.append("ServiceFiles", vm.fileList[0].raw);//通过fileList数组取得上传的文件
await requestApi(
"v1/mgmt/services/" + ServiceID,
param,//直接以param作为请求参数
"post",
true
).then(
res => {
// console.log(JSON.stringify(res), "1111111111111");
// if(!res.data.resultStatus) {
// console.log(res.data.errorMessage)
// return
// }
if (res.data.resultStatus) {
this.getServiceInfo();
this.dialogVisible = false;
this.$message.success("保存成功!");
} else {
debugger;
this.$message.warning(res.data.errorMessage);
}
},
err => {//服务器出错时处理
if (err) {
console.log(err, "errrrr");
let errMessage = err.data.errorMessage
? err.data.errorMessage
: "Internal Server Error";
this.$message.warning(errMessage);
// this.$message.warning(err);
}
}
);
} else {
vm.$message.info("请上传程序包!");
}
} else {
console.log("error submit!!");
return false;
}
});
},