uniapp上传功能

<avatar selWidth="200px" selHeight="400upx" @upload="myUpload" :avatarSrc="headimg"
avatarStyle="width: 100%; height:300rpx;">
</avatar>

https://ext.dcloud.net.cn/plugin?id=404 插件路径

 

import avatar from "../../../components/yq-avatar/yq-avatar.vue"   调用插件

//图片上传
myUpload(rsp) {
this.headimg = rsp.path; //更新头像
uni.uploadFile({
url : `${this.$httpUrl}/upload/indexs`,     //上传到阿里云的图片
filePath: this.headimg,
name: 'file',
success: res =>{
let data=JSON.parse(res.data)
console.log(data)
if(data.code==200){
this.headimgdata = data.data.md5
console.log(this.headimg)
}
}

})
},

 

async sureBtn() {  //提交更改图片接口
const params = {
url:this.headimgdata
}
const { data } = await PortraitData(this.user.token,params);
if(data.status){
uni.showToast({
title: '头像编辑成功'
}) 
}
},