当前位置: 首页 > news >正文

微信小程序录音和头像上传

录音:

WXML

<view class="box4">{{time}}</view>
<button bind:tap="recorderBtn">开始录音</button>
<button bind:tap="removeBtn">结束录音</button>
<button bind:tap="playBtn">播放录音</button>

JS

Page({data:{time:0,clearTime:"",fileText:"",},recorderBtn(){this.data.clearTime = setInterval(()=>{this.data.time += 1;this.setData({time:this.data.time});},1000);a.start()},removeBtn(){clearInterval(this.data.clearTime);this.setData({time:0})a.stop();a.onStop((res)=>{this.data.fileText = res.tempFilePath;})},playBtn(){b.src = this.data.fileText;b.play();},

头像上传:

wxml

<button class="avatar-wrapper" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar"><image class="avatar" src="{{ avatarUrl }}" />
</button>

wxss

.avatar-wrapper {width: 160rpx;height: 160rpx;padding: 0;background: none;
}
.avatar {width: 160rpx;height: 160rpx;border-radius: 20rpx;
}

js

 const defaultAvatar = '../../images/banner.jpg';
Page({data:{avatarUrl:defaultAvatar,}
)},onChooseAvatar(e){console.log(e);const { avatarUrl } = e.detailthis.setData({ avatarUrl })},

相关文章:

  • 学懂C#编程:常用高级技术【元组的详细使用(二)】——元组的概念及使用
  • 昇思25天学习打卡营第1天|基本介绍及快速入门
  • vivo手机录屏教程,这些方法你get到了吗?
  • Selenium屏幕截图技巧:实现自动化截屏并按日期时间格式保存图片
  • Java学习 (二)关键字、标识符、数组
  • 【归并排序】| 详解归并排序 力扣912
  • python调用chatgpt
  • 使用npm发布自己的插件包
  • C#.Net筑基-类型系统②常见类型
  • Python中的TXT文档处理:导出与读取
  • Ubuntu22.04之去除文件结尾的^M符号(二百五十三)
  • 使用Kube-Bench对Kubernetes进行安全检测
  • 使用Selenium进行Web自动化:详细操作指南
  • 【PyQt5】python可视化开发:PyQt5介绍,开发环境搭建快速入门
  • YOLOv8中文分类标签显示问题解决
  • 收藏网友的 源程序下载网
  • 【技术性】Search知识
  • android 一些 utils
  • DOM的那些事
  • E-HPC支持多队列管理和自动伸缩
  • Flannel解读
  • HomeBrew常规使用教程
  • input实现文字超出省略号功能
  • Java 最常见的 200+ 面试题:面试必备
  • JavaScript实现分页效果
  • java中的hashCode
  • mysql 5.6 原生Online DDL解析
  • PAT A1050
  • PHP的Ev教程三(Periodic watcher)
  • php中curl和soap方式请求服务超时问题
  • Redis中的lru算法实现
  • vue中实现单选
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • 技术:超级实用的电脑小技巧
  • 山寨一个 Promise
  • 使用Swoole加速Laravel(正式环境中)
  • 这几个编码小技巧将令你 PHP 代码更加简洁
  • 正则与JS中的正则
  • Android开发者必备:推荐一款助力开发的开源APP
  • ionic入门之数据绑定显示-1
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • 如何正确理解,内页权重高于首页?
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ​Java并发新构件之Exchanger
  • #define与typedef区别
  • $.ajax()方法详解
  • (2)nginx 安装、启停
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (3)STL算法之搜索
  • (附源码)spring boot校园拼车微信小程序 毕业设计 091617
  • (原創) 如何使用ISO C++讀寫BMP圖檔? (C/C++) (Image Processing)
  • (转)Linq学习笔记
  • (转)nsfocus-绿盟科技笔试题目
  • (轉貼) UML中文FAQ (OO) (UML)
  • .NET Core日志内容详解,详解不同日志级别的区别和有关日志记录的实用工具和第三方库详解与示例