优化文件存储
This commit is contained in:
@@ -5,7 +5,6 @@
|
||||
:file-list="fileList" :on-preview="handlePictureCardPreview" :on-progress="uploadProcess" :class="{hide: this.fileList.length >= this.limit}"
|
||||
:headers="headers">
|
||||
<i class="el-icon-plus"></i>
|
||||
<el-progress v-if="showProgress == true" type="circle" :percentage="uploadPercent" style="margin-top:10px;"></el-progress>
|
||||
<!-- 上传提示 -->
|
||||
<div class="el-upload__tip" slot="tip" v-if="showTip">
|
||||
请上传
|
||||
@@ -60,8 +59,6 @@ export default {
|
||||
dialogImageUrl: "",
|
||||
dialogVisible: false,
|
||||
hideUpload: false,
|
||||
showProgress: false,
|
||||
uploadPercent: 0,
|
||||
uploadImgUrl: process.env.VUE_APP_BASE_API + this.uploadUrl, // 上传的图片服务器地址
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
@@ -115,9 +112,6 @@ export default {
|
||||
//上传成功回调
|
||||
handleUploadSuccess(res) {
|
||||
console.log(res);
|
||||
this.showProgress = false;
|
||||
this.uploadPercent = 0;
|
||||
|
||||
if (res.code != 200) {
|
||||
this.msgError(`上传失败,原因:${res.msg}!`);
|
||||
return;
|
||||
@@ -155,7 +149,6 @@ export default {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
this.showProgress = true;
|
||||
},
|
||||
// 文件个数超出
|
||||
handleExceed() {
|
||||
@@ -180,13 +173,9 @@ export default {
|
||||
type: "error",
|
||||
message: "上传失败",
|
||||
});
|
||||
this.showProgress = false;
|
||||
this.uploadPercent = 0;
|
||||
},
|
||||
// 上传进度
|
||||
uploadProcess(event, file, fileList) {
|
||||
this.showProgress = true;
|
||||
this.videoUploadPercent = file.percentage.toFixed(0);
|
||||
console.log("上传进度" + file.percentage);
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user