uniapp插件市场:https://ext.dcloud.net.cn/plugin?id=404
已测试过微信小程序和app都能够正常使用
//template部分
<avatar
selWidth="200px" selHeight="400upx" @upload="myUpload" :avatarSrc="url"
avatarStyle="width: 200upx; height: 200upx; border-radius: 100%;">
</avatar>
//script部分
import avatar from "../../components/yq-avatar/yq-avatar.vue";
export default {
data() {
return {
screenshot: "../../static/logo.png"
}
},
methods: {
myUpload(rsp) {
this.screenshot = rsp.path; //更新头像方式一
//rsp.avatar.imgSrc = rsp.path; //更新头像方式二
}
},
components: {
avatar
}
}
将这个图片上传到服务器就可以了
![](https://i-blog.csdnimg.cn/blog_migrate/3186f5f2d5b81e6840555d2d17a7ac51.png)
效果图:
![](https://i-blog.csdnimg.cn/blog_migrate/2dd61ad3b5363eb5689fa9e525e7729b.png)