本篇文章讲述了微信小程序实现录音后上传文件方法，大家对微信小程序实现录音后上传文件方法不了解的话或者对微信小程序实现录音后上传文件方法感兴趣的话那么我们就一起来看看本篇文章吧， 好了废话少说进入正题吧！
直接看代码：
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
相关推荐：
以上就是微信小程序实现录音后上传文件方法详细的详细内容，更多请关注php中文网其它相关文章！
Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1
| 本站CDN由 数掘科技 提供
收藏
