上传文件加载动画

src/views/upload-result/index.vue

@@ -121,7 +121,7 @@
                   :action="
                     IP + '/student/test_results/imageUpload/' + result_id
                   "
-                  :on-progress="uploadSubmit"
+                  :on-change="uploadSubmit"
                   :on-success="handleAvatarSuccess"
                   :headers="headers"
                   :show-file-list="false"
@@ -142,10 +142,7 @@
                 </el-upload> -->
               </el-col>
             </el-row>
-            <div class="grid-content_upload">
-              <div class="loading_box" v-if="is_loading">
-                <i class="el-icon-loading"></i>
-              </div>
+            <div class="grid-content_upload" v-loading="is_loading" >
               <div class="upload_btn">
                 <div
                   class="img_box"
@@ -160,7 +157,7 @@
                   :action="
                     IP + '/student/test_results/imageUpload/' + result_id
                   "
-                  :on-progress="uploadSubmit"
+                  :on-change="uploadSubmit"
                   :on-success="handleAvatarSuccess"
                   :headers="headers"
                   drag
@@ -319,9 +316,14 @@ export default {
         this.$message.error(res.message);
       }
     },
-    uploadSubmit(event, file, fileList) {
-      console.log(file);
-      this.is_loading = true;
+    uploadSubmit(file, fileList) {
+      console.log(file.status)
+      // uploading ready error
+      if(file && (file.status=="success" || file.status=="error")){
+        this.is_loading = false;
+      }else{
+        this.is_loading = true;
+      }
     },
   },
 };