微信小程序录音后上传文件

发布时间:2019-06-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了微信小程序录音后上传文件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
  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

脚本宝典总结

以上是脚本宝典为你收集整理的微信小程序录音后上传文件全部内容,希望文章能够帮你解决微信小程序录音后上传文件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。