本篇文章讲述了微信小程序实现录音后上传文件方法，大家对微信小程序实现录音后上传文件方法不了解的话或者对微信小程序实现录音后上传文件方法感兴趣的话那么我们就一起来看看本篇文章吧， 好了废话少说进入正题吧！
直接看代码：
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 =<span style="color:transparent">~来1源gaodai#ma#com搞*代#码1网</span><abbr>搞代gaodaima码</abbr> 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
相关推荐：
微信小程序开发中的Post请求详解
微信小程序实现下拉加载和上拉刷新详细讲解
以上就是微信小程序实现录音后上传文件方法详细的详细内容，更多请关注搞代码gaodaima其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：微信小程序实现录音后上传文件方法详细
转载请注明原文链接：微信小程序实现录音后上传文件方法详细
