微信小程序录音和头像上传
录音:
WXML
{{time}}
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
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.detail
this.setData({ avatarUrl })
},