微信小程序頭像詳解

一、微信小程序頭像設置

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

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

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

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