微信小程序头像详解

HWKP • 2024-10-04 00:03 • 编程

一、微信小程序头像设置

微信小程序默认使用微信账号的头像，也可以在小程序内进行更改。在微信小程序开发工具中，进入“工具”-“设置”-“开发者工具设置”-“小程序设置”-“头像”处上传头像即可。上传的头像大小不能超过2M。

除了上传自定义头像，也可以选择使用小程序的默认头像。在设置头像处选择“从素材库选取”即可选择默认头像。

二、答题小程序头像

在答题小程序中，头像是非常重要的。因为头像可以展现用户的个性和爱好，在小程序中也可以进行头像的修改。

在答题小程序中，用户可以通过点击页面中心的头像，进入头像修改页面。在这个页面，用户可以上传自定义头像，或者在默认头像中选取一个。

Page({
  chooseImage: function () {
    var that = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album'],
      success: function (res) {
        var tempFilePaths = res.tempFilePaths;
        that.setData({
          headerImg: tempFilePaths[0]
        })
      }
    })
  }
})

三、微信小程序头像怎么换

在使用微信小程序时，如果想更换微信账号的头像，可以前往微信个人中心的“设置”页面进行更改。在“个人信息”-“头像”处点击即可更换头像。

四、空白头像微信小程序

有时候我们会发现微信小程序中的头像是一张默认的空白头像，这是由于微信用户没有设置头像所致。

当用户第一次登录微信时，如果没有上传自定义头像，微信会默认使用一张空白头像。因此，在微信小程序中看到空白头像不要惊讶，这是用户还没有上传头像的表现。

五、微信小程序头像图片

微信小程序的头像图片格式常见的有PNG和JPG两种。PNG格式的头像图片文件相对较大，但是具有更好的透明效果；JPG格式的头像图片文件相对较小，但是在透明效果上无法和PNG格式相比。

六、微信国庆头像小程序

在国庆节期间，微信会有专门的国庆头像小程序上线。在这个小程序中，用户可以选取一张国庆主题的头像来使用，表达对祖国的热爱和祝福。

//获取国庆头像列表
Page({
  getNationalHeaderList: function () {
    wx.request({
      url: 'https://xxxxxx', //请求地址
      method: 'GET',
      success: function (res) {
        console.log(res.data)
        //在页面中渲染出头像列表
      }
    })
  }
})

七、微信小程序头像下载

如果想下载微信小程序中的头像，可以通过长按头像，选择“保存图片”来保存图片。也可以在小程序开发工具中，右键选择头像选项，选择“在新窗口中打开图片”将图片另存为。

八、微信小程序头像拉长了

有时候我们在微信小程序开发过程中会发现头像图片拉长了，这是由于图片的宽高比例与容器的宽高比例不一致所致。解决方式可以通过CSS的“object-fit: cover;”属性来使图片自适应容器大小。

.header-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

九、微信小程序头像授权怎么取消

在微信小程序中，如果用户授权小程序使用自己的微信头像，但是后来不想让小程序使用头像了，可以前往微信个人中心中的“设置”页面进行取消授权。

在“隐私”-“微信头像”处取消授权即可。

原创文章，作者：HWKP，如若转载，请注明出处：https://www.506064.com/n/134107.html