微信小程序获取头像昵称 保存头像到服务器

微信官方推荐的替代做法：

头像昵称填写 | 微信开放文档 (qq.com)

 wxml

js

// pages/my/my.jsconst defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'Page({        data: {        avatarUrl: defaultAvatarUrl,    },    onChooseAvatar(e) {        const {            avatarUrl        } = e.detail        this.setData({            avatarUrl,        })        //  将头像上传到服务器        wx.uploadFile({            filePath: avatarUrl,            header: {'content-type': 'multipart/form-data'},            name: 'avatarImg',            url: 'xxxxxxx', //服务器端接收图片的路径            success: function (res) {                console.log(res); //发送成功回调            },            fail: function (res) {                console.log(res); //发送失败回调，可以在这里了解失败原因            }        })    },    onLoad: function (n) {    },    onShow: function () {        wx.login({            success(res) {                if (res.code) {                    //发起网络请求                    console.log('登录' + res.code)                } else {                    console.log('登录失败！' + res.errMsg)                }            }        })    },        onReady() {    },        onHide() {    },        onUnload() {    },        onPullDownRefresh() {    },        onReachBottom() {    },        onShareAppMessage() {    },})

wxss

.avatar{    width: 80px;    height: 80px;    padding:0;    background: none;}.avatar image{    width: 80px;    height: 80px;    border-radius: 100px;}.weui-input{    width: 90%;    height: 60px;    margin:20px auto;    background: #eee;    border-radius: 5px;    padding-left: 15px;}

来源地址：https://blog.csdn.net/Ghjkku/article/details/129252117