Detailed method of uploading files after recording in WeChat applet-PHP Tutorial-php.cn

Detailed method of uploading files after recording in WeChat applet

韦小宝

Release： 2023-03-21 12:54:01

Original

12656 people have browsed it

This article describes the method of uploading files after recording in the WeChat applet. If you don’t know about the method of uploading files after recording by the WeChat applet, or you are confused about the method of uploading files after recording by the WeChat applet. If you are interested, let’s take a look at this article together. Okay, without further ado, let’s get to the point!

Look at the code directly:

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: &#39;file&#39;,
          header: {
              &#39;content-type&#39;: &#39;multipart/form-data&#39;
          },
          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: &#39;提示&#39;,
                      content: data.message,
                      showCancel: false,
                      success: function (res) {

                      }
                  });
              }
              wx.hideToast();
          },
          fail: function (res) {
              console.log(res);
              wx.showModal({
                  title: &#39;提示&#39;,
                  content: "网络请求失败，请确保网络是否正常",
                  showCancel: false,
                  success: function (res) {

                  }
              });
              wx.hideToast();
          }
      });
  },1000)
 
  }

Copy after login

Page code:

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

Copy after login

Summary: It is necessary to delay loading after recording. It takes a while to generate the file after WeChat recording. If you do not delay loading, you may not be able to obtain the file name. Tip: uploadFile: localid is empty

Related recommendations:

WeChat applet Post request under developmentDetailed explanation

WeChat Mini Program Detailed explanation of how to implement pull-down loading and pull-up refresh

The above is the detailed content of Detailed method of uploading files after recording in WeChat applet. For more information, please follow other related articles on the PHP Chinese website!