WeChat 애플릿에 녹음 후 파일을 업로드하는 세부 방법

WeChat 애플릿으로 녹음 후 파일을 업로드하는 방법에 대해 모르거나 WeChat으로 녹음 후 파일을 업로드하는 방법에 관심이 있는 경우 이 글에서 설명합니다. 애플릿에 대해 설명하겠습니다. 일어나서 이 기사를 읽어보세요. 헛소리는 그만하고 본론으로 들어가겠습니다. 코드 직접보기:

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>

요약

: 녹음 후 파일 생성에 시간이 좀 걸립니다. 지연되지 않으면 파일을 가져오지 못할 수도 있습니다. 위챗 애플릿드롭다운 로딩 및 풀업 구현 상세설명 새로고침

위 내용은 WeChat 애플릿에 녹음 후 파일을 업로드하는 세부 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!