小程序上传音频失败_微信小程序实现录音后上传文件方法详细

本篇文章讲述了微信小程序实现录音后上传文件方法，大家对微信小程序实现录音后上传文件方法不了解的话或者对微信小程序实现录音后上传文件方法感兴趣的话那么我们就一起来看看本篇文章吧，好了废话少说进入正题吧！

直接看代码：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

小程序上传音频失败_微信小程序实现录音后上传文件方法详细相关推荐

微信小程序等待几秒、_微信小程序—setTimeout定时器的坑
背景实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...
小程序获取城市行政区号_微信小程序省市区选择器实例详解(附源码下载)
微信小程序省市区选择器: 最近学习微信小程序,为了检验自己的学习效果,自己做一个小示例,网上搜索下类似的实例,发现这个更好,大家看下. 一.区域间手势滑动切换,标题栏高亮随之切换思路是:拿当前的c ...
微信小程序开发分销制度济南_微信小程序分销规则你清楚吗?
大家在刚开始接触小程序的时候,好多人都被其中的分销功和简洁应用的模式所带来的红利所吸引,但到如今,使用小程序的用户是多了起来,但真正把小程序运营好的商家却很少.这是为什么呢,原因就在于,商家还不会利用 ...
微信小程序等待几秒、_微信小程序—setTimeOut定时器的问题及解决
背景实验室需要将项目的app搬到微信的小程序上,终于知道为什么程序员是手艺人了,只要有需求,就要想方设法去填充这种需求,去年是小程序的元年了可以说,去年冬天一个叫跳一跳的小程序游戏出现在我的微信中, ...
微信小程序上传图片到服务器总是失败_微信小程序上传图片过大导致请求失败的解决方法...
很多时候我们都会碰到小程序上传图片时因为图片过大而导致请求失败,同时出现各种各样的问题,那么今天来给大家写一个微信小程序上传图片过大导致请求失败的完美解决办法. 以云开发小程序图片检测为例,如果图片过 ...
微信小程序上传图片到服务器总是失败_微信小程序怎么上传图片到服务器?
微信小程序怎么上传图片到服务器?相信很多人都会把小程序图片保存到本地吧,但是把图片上传到服务器就不一定了,下面一起随小编看看微信小程序怎么上传图片到服务器吧. 微信小程序怎么上传图片到服务器? 首先, ...
微信小程序用python语言开发_微信小程序语音识别开发过程笔记
由于业务需求,需要使用微信小程序语音识别的功能,查找了好多发难,也踩了好多坑,把过程记录一下,或许会帮助到需要的朋友. 业务需求: 在小程序中识别用户语音输入的命令业务环境和关键技术: 1.小程序: ...
微信小程序下拉框插件_微信小程序下拉框组件使用方法详解
本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等一.省市三级联动使用注意mode = ...
微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
bindtap就是点击事件在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行在后台.js文件中定义 ...

小程序上传音频失败_微信小程序实现录音后上传文件方法详细

小程序上传音频失败_微信小程序实现录音后上传文件方法详细相关推荐

最新文章

热门文章