您当前的位置: 首页 > 知识百科 > 微信小程序录音上传怎么弄?

微信小程序录音上传怎么弄?

时间:2023-07-01 14:05 阅读数:225 人阅读 分类:知识百科

  微信小程序录音上传怎么弄?很多小程序功能里面就有录音功能,那么这个录音怎么上传到后台去呢,很多人并不知道怎么做,下面小编给大家介绍微信小程序录音上传。

  微信小程序录音上传怎么弄?

  微信小程序录音后上传文件并不是很复杂,下面小编给大家附上小程序代码吧。

  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

  以上就是小编给大家找的微信小程序录音上传的全部内容了,是不是很简单呢?相信大家对于这个怎么上传已经没什么问题了,赶紧去试试吧。如果你还有其他疑问,可以来我们微小乔哦!

相关推荐:

微信小程序录音格式怎么转换?

微信小程序录音界面怎么修改?

微信小程序录音授权关键代码