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

韦小宝
发布: 2018-03-14 17:04:16
原创
13292人浏览过

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

直接看代码:

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

相关推荐:

微信小程序开发中的Post请求详解

微信小程序实现下拉加载和上拉刷新详细讲解

以上就是微信小程序实现录音后上传文件方法详细的详细内容,更多请关注php中文网其它相关文章!

微信app下载
微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号