朗读报告作品上传中

pages/score/index.js

@@ -11,7 +11,11 @@ Page({
    */
   data: {
     score: {},
-    tempFilePath: ''
+    tempFilePath: '',
+    uploadFlag: false,
+    uploadSuccess: false,
+    percent: 0,
+    audioPath: ''
   },
 
   /**
@@ -37,6 +41,9 @@ Page({
     })
   },
   upload() {
+    this.setData({
+      uploadFlag: true
+    })
     const uploadTask = wx.uploadFile({
       url: 'https://reader-api.ai160.com//file/upload',
       filePath: this.data.tempFilePath,
@@ -48,9 +55,21 @@ Page({
         const formateRes = JSON.parse(res.data);
         let audioPath = formateRes.data;
         console.log(audioPath);
+        this.setData({
+          uploadSuccess: true,
+          audioPath
+        })
+      },
+      complete: () => {
+        this.setData({
+          uploadFlag: false
+        })
       }
     })
     uploadTask.onProgressUpdate((res) => {
+      this.setData({
+        percent: res.progress
+      })
       console.log('上传进度', res.progress)
     })
   },

pages/score/index.wxml

@@ -58,10 +58,10 @@
     <view class="btn">试听</view>
     <view class="btn btn2" bindtap="upload">上传作品</view>
   </view>
-  <view class="countDownBox">
+  <view class="countDownBox" wx:if="{{uploadFlag}}">
     <view class="countDown">
-      <view class="speed">50%</view>
-      <progress percent="60" class="speedProgress" stroke-width="10" activeColor="#C3F166" />
+      <view class="speed">{{percent}}%</view>
+      <progress percent="{{percent}}" class="speedProgress" stroke-width="10" activeColor="#C3F166" />
       <view>作品上传中</view>
     </view>
   </view>