微信小程序頭像詳解

一、微信小程序頭像設置

微信小程序默認使用微信賬號的頭像，也可以在小程序內進行更改。在微信小程序開發工具中，進入「工具」-「設置」-「開發者工具設置」-「小程序設置」-「頭像」處上傳頭像即可。上傳的頭像大小不能超過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;
}

九、微信小程序頭像授權怎麼取消

在微信小程序中，如果用戶授權小程序使用自己的微信頭像，但是後來不想讓小程序使用頭像了，可以前往微信個人中心中的「設置」頁面進行取消授權。

在「隱私」-「微信頭像」處取消授權即可。