微信小程式實現錄音後上傳檔案方法詳細

本篇文章講述了小程式實現錄音後上傳檔案方法，大家對小程式實現錄音後上傳檔案方法不瞭解的話或者對小程式實現錄音後上傳檔案方法感興趣的話那麼我們就一起來看看本篇文章吧， 好了廢話少說進入正題吧！

直接看代碼：

startRecode:function(){  var s = this;  console.log("start");  wx.startRecord({      success: function (res) {          console.log(res);          var tempFilePath = res.tempFilePath;          s.setData({ recodePath: tempFilePath, isRecode:true});      },      fail: function (res) {          console.log("fail");          console.log(res);          //錄音失敗      }  });  },  endRecode:function(){//結束錄音   var s = this;  console.log("end");  wx.stopRecord();  s.setData({ isRecode: false });     wx.showToast();  setTimeout(function () {      var urls = app.globalData.urls + "/Web/UpVoice";      console.log(s.data.recodePath);      wx.uploadFile({          url: urls,          filePath: s.data.recodePath,          name: 'file',          header: {              'content-type': 'multipart/form-data'          },          success: function (res) {              var str = res.data;              var data = JSON.parse(str);              if (data.states == 1) {                  var cEditData = s.data.editData;                  cEditData.recodeIdentity = data.identitys;                  s.setData({ editData: cEditData });              }              else {                  wx.showModal({                      title: '提示',                      content: data.message,                      showCancel: false,                      success: function (res) {                      }                  });              }              wx.hideToast();          },          fail: function (res) {              console.log(res);              wx.showModal({                  title: '提示',                  content: "網路請求失敗，請確保網路是否正常",                  showCancel: false,                  success: function (res) {                  }              });              wx.hideToast();          }      });  },1000)   }

頁面代碼：

<button type="primary" bindtouchstart="startRecode" bindtouchend="endRecode" class="cxbtn">按住錄音（可選）</button>

總結：錄音後要消極式載入，錄音後組建檔案需要一段時間，如果不消極式載入可能無法擷取到檔案名稱 提示：uploadFile:localid is empty

相關推薦：

小程式開發中的Post請求詳解

小程式實現下拉載入和上拉重新整理詳細講解