本文主要是介绍微信小程序录音和头像上传，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
录音：
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 })},这篇关于微信小程序录音和头像上传的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
