微信小程序语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传

语音录制

提醒：因为开发者工具不能接收语音文件，所以要使用真机调试测试噢~

思路：使用小程序API wx.startRecord 、wx.stopRecord 方法（调用前记得 app.js 添加 scope.record），获取到本地录音后上传到服务器，返回该服务器文件地址。

wxml文件：

 <button class="{{luStatu?'btTouch':'bt'}}"  bind:touchstart="touchStart" bind:touchend="touchEnd"  type='primary'>                                      <text wx:if="{{luStatu}}">松开结束</text> <text wx:else>按住说话 </text>     </button>

js文件：

 // 触摸开始touchStart: function() {this.setData({luStatu: true})var s = this;wx.startRecord({success: function(res) {console.log(res);var tempFilePath = res.tempFilePath;s.setData({voice: tempFilePath});},fail: function(res) {console.log("fail");console.log(res);//录音失败}});},// 触摸结束touchEnd: function() {this.setData({luStatu: false})var s = this;console.log("end");wx.stopRecord();setTimeout(function() {var o = e.getUrl("util/uploader/upload", {file: "file",type: "voice"}),i = s.data.voice;wx.uploadFile({url: o,filePath: i,name: "file",success: function(n) {s.hideLoading();var o = JSON.parse(n.data);var url = o.files[0].url;s.setData({url: url})s.getedit();},fail: function(n) {console.log(n)}})}, 1000)},loading: function(t) {void 0 !== t && "" != t || (t = "加载中"), wx.showToast({title: t,icon: "loading",duration: 5e6});},hideLoading: function() {wx.hideToast();},

ppt、word、excel、pdf、txt格式文件上传

思路：使用小程序API wx.chooseMessageFile 选择本地文件（如果要想多个文件格式适用可以用判断）,然后也是上传到服务器的，返回该服务器文件地址。

备注：如果想表现各个文件的形式，可以做判断显示不同的文件格式对应的文件表现图片。

wxml文件：

<view wx:for="{{upfilelist}}" wx:key="index" wx:for-item="item"><view class='download' data-path="{{item.path}}">{{item.name}}<view data-name="{{item.name}}" data-path="{{item.path}}" bindtap='delfile' class='radio_view'></view><view class="delete-btn" data-index="{{index}}" catchtap="deleteFile">删除</view></view></view><view class="upload-img-btn" bindtap="chooseImg" wx:if="{{imgs.length<9}}"><image src='../images/upload.png'></image></view><view class='martop60'><text class='default_btn' bindtap='choosefilefun'>选择文件</text></view>

 //选择要上传的上传文件choosefilefun() {let that = this;if (that.data.files!==[]) {var type = "document";} else {var type = "image";}wx.chooseMessageFile({count: 10,type: type,success(res) {that.loading("正在上传...");var o = e.getUrl("util/uploader/upload", {file: "file"}),i = res.tempFiles[0].path;console.log(i)wx.uploadFile({url: o,filePath: i,name: "file",success: function (n) {that.hideLoading();console.log(n.data)},fail: function (n) {console.log(n)}});}})},

欢迎关注我的博客： https://blog.csdn.net/weixin_42323607

github地址： https://github.com/Nurtuam

多多支持！本人会持续更新哒 ❤️

微信小程序语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传相关推荐

微信小程序开发之从相册获取图片使用相机拍照本地图片上传
今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: 小demo,代码很简单. 1.index.wxml  <button st ...
微信小程序新闻列表功能（读取文件、template）
微信小程序新闻列表功能(读取文件.template) 在之前的项目基础上进行修改,实现读取文件内容作为新闻内容进行展示. 首先,修改 post.wxml 文件,和 post.js 文件中,某些键值对键 ...
微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序语音识别java_微信小程序实现语音识别功能
原标题:微信小程序实现语音识别功能使用小程序实现语音识别功能,由于语音识别可以直接使用各厂家的API接口,并且小程序为腾讯所有,因此考虑到可能的低延时,采用了腾讯提供的免费API接口,准确讲是腾讯语 ...
微信小程序语音转文字demo
最近做了个微信小程序语音输入转文字的需求,记录一下微信小程序支持通过语音识别 API 实现语音转文字的功能,可以按照以下步骤进行设置: 在小程序的 json 配置文件中,添加 record 权限: ...
小程序录音上传服务器,微信小程序录音实现功能并上传(使用node解析接收)
微信小程序录音实现功能并上传(使用node解析接收) 发布时间:2020-09-04 11:59:06 来源:脚本之家阅读:97 作者:weixin_43188227 背景我在开发小程序的时候,有 ...
微信小程序原生开发功能合集一：微信小程序开发介绍
一.专栏介绍本专栏主要内容为微信小程序常用功能开发过程的介绍说明,包括开发微信小程序常用组件的封装.常用功能的开发等,提供源代码.开发过程讲解视频.完整的课程等. 组件封装: 下拉选择组件. ...
python玩微信小程序游戏_使用python实现微信小程序自动签到功能
功能描述目标完成多账号微信小程序每天自动签到输出签到成功则向微信群发送签到成功的信息否则提示用户签到失败,需手动签到包管理 requests itchat time threading 程序 ...
微信小程序语音聊天智能对话（demo）
项目中用到了 olami sdk把录音或者文字转化为用户可以理解的json字符串. 效果图重要jS代码: //手指按下时语音转文字voiceToChar:function(){var urls = ...

微信小程序语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传

语音录制

ppt、word、excel、pdf、txt格式文件上传

微信小程序语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传相关推荐

最新文章

热门文章

微信小程序 语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传

语音录制

ppt、word、excel、pdf、txt格式文件上传

微信小程序 语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传相关推荐

最新文章

热门文章

微信小程序语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传

微信小程序语音录制功能和文件（ppt、word、excel、pdf、txt格式）上传相关推荐