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

录音：

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 })},