微信小程序錄音后上傳文件

Codeing_ls 發布于2019-08-20 17:05 / 2667人閱讀

摘要：錄音失敗結束錄音提示提示網絡請求失敗，請確保網絡是否正常頁面代碼按住錄音可選總結錄音后要延遲加載，微信錄音后生成文件需要一段時間，如果不延遲加載可能無法獲取到文件名提示

  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)
 
  }

頁面代碼：

總結：錄音后要延遲加載，微信錄音后生成文件需要一段時間，如果不延遲加載可能無法獲取到文件名提示：uploadFile:localid is empty
?

GPU云服務器云服務器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83387.html

10分鐘上線 - 利用函數計算構建微信小程序的Server端

摘要：摘要阿里云函數計算是一個事件驅動的全托管計算服務。微信小程序是一種不需要下載安裝即可使用的應用，它可以在微信內被便捷地獲取和傳播。本文以開發一個類似語音口令紅包小程序為例，向您講解如何使用阿里云函數計算快速構建微信小程序的服務端。摘要：阿里云函數計算是一個事件驅動的全托管計算服務。通過函數計算，您無需管理服務器等基礎設施，只需編寫代碼并上傳。微信小程序是一種不需要下載安裝即可使用的...

geekzhou 2019-07-30 15:38 評論0 收藏0
10分鐘上線 - 利用函數計算構建微信小程序的Server端

摘要：摘要阿里云函數計算是一個事件驅動的全托管計算服務。微信小程序是一種不需要下載安裝即可使用的應用，它可以在微信內被便捷地獲取和傳播。本文以開發一個類似語音口令紅包小程序為例，向您講解如何使用阿里云函數計算快速構建微信小程序的服務端。摘要：阿里云函數計算是一個事件驅動的全托管計算服務。通過函數計算，您無需管理服務器等基礎設施，只需編寫代碼并上傳。微信小程序是一種不需要下載安裝即可使用的...

galois 2019-06-24 17:58 評論0 收藏0
10分鐘上線 - 利用函數計算構建微信小程序的Server端

摘要：本文以開發一個類似語音口令紅包小程序為例，向您講解如何使用阿里云函數計算快速構建微信小程序的服務端。前言這篇文章適合所有的想微信小程序開發新手、老鳥以及想準備學習開發微信小程序的程序猿。本文以開發一個類似語音口令紅包小程序為例，向您講解如何使用阿里云函數計算快速構建微信小程序的服務端。通過本文，您將會了解以下內容: demo概覽傳統服務器架構 VS Serverless架構 S...

levinit 2019-08-22 18:12 評論0 收藏0
10分鐘上線 - 利用函數計算構建微信小程序的Server端

摘要：本文以開發一個類似語音口令紅包小程序為例，向您講解如何使用阿里云函數計算快速構建微信小程序的服務端。前言這篇文章適合所有的想微信小程序開發新手、老鳥以及想準備學習開發微信小程序的程序猿。本文以開發一個類似語音口令紅包小程序為例，向您講解如何使用阿里云函數計算快速構建微信小程序的服務端。通過本文，您將會了解以下內容: demo概覽傳統服務器架構 VS Serverless架構 S...

darryrzhong 2019-07-30 16:54 評論0 收藏0