src/components/FileUpload/optimizeToolUpload.vue

@@ -110,6 +110,9 @@ export default {
     }
   },
   methods: {
+    created(){
+      this.clearFile()
+    },
     // 上传前
     beforeUpload(file) {
       /* const fileType = file.type.toLowerCase()
@@ -174,6 +177,10 @@ export default {
               }, 500);
             } else {
               self.progressFlag = false;
+              self.progressPercent = 0
+              if(self.$refs.upload){
+                self.$refs.upload.clearFiles();
+              }
               self.$message({
                 message: '上传失败！',
                 type: 'error',
@@ -186,7 +193,9 @@ export default {
           console.error(error)
           self.progressFlag = false;
           self.progressPercent = 0
-          self.$refs.upload.clearFiles();
+          if(self.$refs.upload){
+            self.$refs.upload.clearFiles();
+          }
           self.$message({
             message: '上传失败！',
             type: 'error',
@@ -319,13 +328,28 @@ export default {
             }
           } else {
             self.progressFlag = false;
+            self.progressPercent = 0
+            if(self.$refs.upload){
+              self.$refs.upload.clearFiles();
+            }
             self.$message({
               message: '上传失败！',
               type: 'error',
               duration: '2000'
             });
           }
-        })
+        }).catch(error => {
+          self.progressFlag = false;
+          self.progressPercent = 0
+          if(self.$refs.upload){
+            self.$refs.upload.clearFiles();
+          }
+          self.$message({
+            message: '上传失败！',
+            type: 'error',
+            duration: '2000'
+          });
+        });
       }
     },