更新记录
1.0.3(2024-12-21) 下载此版本
上一个没保存
1.0.2(2024-12-21) 下载此版本
修改props的参数 uploadUrl传服务器接口地址
1.0.1(2024-12-16) 下载此版本
优化
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
使用
<voice-upload ref="voice" @voiceData="voiceData" @delPlay="delPlay"></voice-upload>
delPlay(){
console.log('删除');
this.params.voiceUrl = ''
this.params.voiceTime = ''
},
// 点击确定时上传返回服务器地址
voiceData(src,time){
console.log(src,time);
this.params.voiceUrl = src
this.params.voiceTime = time
},
// 录音回显地址和录音时间
onReady{
this.$refs.voice.getdata(res.data.voiceUrl,res.data.voiceTime)
}
prop参数
props:{
// 是否显示删除
showDel:{
default: true
},
// 服务器地址
uploadUrl:{}
},