上传失败处理

src/components/UploadBankSlip/index.vue

@@ -8,6 +8,7 @@
       :file-list="fileList"
       :on-change="onUploadChange"
       :before-upload="beforeFileUpload"
+      :on-error="handleUploadError"
       action="#"
       :accept="imgType"
       list-type="picture-card"
@@ -161,11 +162,17 @@ export default {
       let FormDatas = new FormData();
       FormDatas.append("multipartFile", file.raw);
       this.$modal.loading("正在上传，请稍候...");
-      uploadBankSlipApi(FormDatas).then((res) => {
+      uploadBankSlipApi(FormDatas)
+        .then((res) => {
           this.invoiceForm = res.data;
           this.fileList.push({ name: file.name, url: res.data.fileUrl }); //成功过后手动将文件添加到展示列表里
           this.$emit("onConfirm", this.fileList);
           this.$modal.closeLoading();
+        })
+        .catch(() => {
+          this.fileList = [];
+          this.$modal.closeLoading();
+          this.$message.error("上传失败");
         });
     },
     closeImgViewer() {
@@ -181,6 +188,10 @@ export default {
         this.dialogVisible = true;
       }
     },
+    handleUploadError() {
+      this.$modal.closeLoading();
+      this.$message.error("上传失败");
+    },
     // 发票识别
     handleScan() {
       if (this.fileList.length) {

src/components/UploadInvoice/index.vue

@@ -164,11 +164,16 @@ export default {
       let FormDatas = new FormData();
       FormDatas.append("multipartFile", file.raw);
       this.$modal.loading("正在上传，请稍候...");
-      uploadInvoiceApi(FormDatas).then((res) => {
+      uploadInvoiceApi(FormDatas)
+        .then((res) => {
           this.invoiceForm = res.data;
           this.fileList.push({ name: file.name, url: res.data.fileUrl }); //成功过后手动将文件添加到展示列表里
           this.$emit("onConfirm", this.fileList);
           this.$modal.closeLoading();
+        })
+        .catch(() => {
+          this.fileList = [];
+          this.$modal.closeLoading();
         });
     },
     closeImgViewer() {