微信小程序＜o(jì)pen-data type=“userAvatarUrl“＞真機(jī)無(wú)法獲取頭像問題/解決辦法

2年前作者：Colesyn L.分類：Toy博客閱讀(24)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了微信小程序＜o(jì)pen-data type=“userAvatarUrl“＞真機(jī)無(wú)法獲取頭像問題/解決辦法。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

今天在做小程序的時(shí)候使用open-data type="userAvatarUrl"標(biāo)簽發(fā)現(xiàn)在本地開發(fā)的時(shí)候可以獲取本人的頭像,但是在真機(jī)上就無(wú)法顯示解決辦法
微信小程序＜o(jì)pen-data type=“userAvatarUrl“＞真機(jī)無(wú)法獲取頭像問題/解決辦法
我們要換一種思路去處理
使用官方提供的方法官網(wǎng)文檔鏈接
wxml

    <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
      <image class="avatar" src="{{avatarUrl}}"></image>
    </button>

const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'

Page({
  data: {
    avatarUrl: defaultAvatarUrl,
  },
  onChooseAvatar(e) {
    const { avatarUrl } = e.detail 
    this.setData({
      avatarUrl,
    })
  }
})

效果
微信小程序＜o(jì)pen-data type=“userAvatarUrl“＞真機(jī)無(wú)法獲取頭像問題/解決辦法
希望此文章能幫助到你文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-507177.html

到了這里，關(guān)于微信小程序＜o(jì)pen-data type=“userAvatarUrl“＞真機(jī)無(wú)法獲取頭像問題/解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

微信小程序通過點(diǎn)擊事件傳參（data-）
大家都知道在 vue 中，我們可以直接在點(diǎn)擊事件中放入傳遞的參數(shù)進(jìn)行傳參；然而微信小程序中并不適用這樣的寫法，但是微信小程序可以通過自定義屬性從而綁定參數(shù)使用。微信小程序可以通過直接寫 data-index=\\\"1\\\" 進(jìn)行數(shù)據(jù)的綁定，利用 bindtap 點(diǎn)擊事件執(zhí)行函數(shù)從而獲取到
2024年02月11日
瀏覽(92)
微信小程序form頁(yè)面數(shù)據(jù)雙向綁定data路徑
在開發(fā)過程中數(shù)據(jù)經(jīng)常以對(duì)象方式組織，對(duì)頁(yè)面修改數(shù)據(jù)進(jìn)行保存時(shí)使用this.data.obj無(wú)法獲取修改后數(shù)據(jù)。 1.只能是一個(gè)單一字段的綁定 2.目前，尚不能 data 路徑，如這通常不滿足我們?nèi)粘ｉ_發(fā)需要通過在input框中設(shè)置 name 屬性, 然后在函數(shù)中使用 e.detail.value 獲取form數(shù)據(jù) 網(wǎng)上
2024年02月13日
瀏覽(23)
微信小程序中this.data 和 this.setData
在微信小程序中，this.data 和 this.setData 是兩個(gè)用于處理數(shù)據(jù)的不同方式。 1、this.data：this.data 是一個(gè)對(duì)象，用于存儲(chǔ)小程序頁(yè)面的數(shù)據(jù)。當(dāng)我們需要獲取或修改頁(yè)面的數(shù)據(jù)時(shí)，可以直接訪問和操作 this.data 對(duì)象。例如，this.data.name 可以獲取名為 name 的數(shù)據(jù)，this.data.name = ‘Jo
2024年02月03日
瀏覽(23)
微信小程序--data的賦值與取值的幾種方式
賦值一定需要注意。需要setData的使用，這樣頁(yè)面才刷新，數(shù)據(jù)才會(huì)改變，并且分清that和this的使用 Page() 函數(shù)用來(lái)注冊(cè)一個(gè)頁(yè)面。接受一個(gè) object 參數(shù)，其指定頁(yè)面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。其中的參數(shù)data用來(lái)設(shè)置初始數(shù)據(jù)，WXML 中的動(dòng)態(tài)數(shù)據(jù)均來(lái)自對(duì)應(yīng)
2024年02月11日
瀏覽(21)
微信小程序在data中定義頁(yè)面的數(shù)據(jù)，以及數(shù)據(jù)如何使用
以上代碼是一個(gè)小程序頁(yè)面的示例代碼，使用了 Page() 方法來(lái)定義頁(yè)面組件。在該頁(yè)面組件中，定義了一個(gè)名為 data 的對(duì)象，該對(duì)象中包含兩個(gè)屬性： info ：表示一個(gè)字符串類型的數(shù)據(jù)，其初始值為 \\\'init data\\\' 。 msgList ：表示一個(gè)數(shù)組類型的數(shù)據(jù)，其初始值為 [{msg: \\\'hello\\\'}, {ms
2024年02月04日
瀏覽(34)
微信小程序data-item設(shè)置獲取不到數(shù)據(jù)的問題
簡(jiǎn)單說明：在微信小程序中，通過列表渲染使用wx:for根據(jù)數(shù)組中的每一項(xiàng)重復(fù)渲染組件。同時(shí)使用bindtap給每一項(xiàng)綁定點(diǎn)擊事件clickItem，再通過data-item綁定數(shù)據(jù)。 **問題：**通過data-item綁定的數(shù)據(jù)，在點(diǎn)擊事件中獲取不到。問題示例：在js文件中，通過clickItem函數(shù)的event對(duì)象獲
2024年02月12日
瀏覽(27)
微信小程序使用阿里云oss設(shè)置上傳文件的content-type
圖片文件上傳到阿里云oss的默認(rèn)訪問content-type是jpge，這個(gè)格式在瀏覽器不能直接打開，需要手動(dòng)設(shè)置上傳的content-type 參考鏈接 UploadTask wx.uploadFile(Object object) OSS調(diào)用PostObject用于通過HTML表單上傳的方式將文件（Object）上傳到指定存儲(chǔ)空間（Bucket）。阿里OSS 上傳圖片 springboo
2024年02月12日
瀏覽(29)
h5跳轉(zhuǎn)微信小程序 wx-open-launch-weapp
微信開放標(biāo)簽是微信公眾平臺(tái)面向網(wǎng)頁(yè)開發(fā)者提供的擴(kuò)展標(biāo)簽集合。通過使用微信開放標(biāo)簽，網(wǎng)頁(yè)開發(fā)者可安全便捷地使用微信或系統(tǒng)的能力，為微信用戶提供更優(yōu)質(zhì)的網(wǎng)頁(yè)體驗(yàn)。此文檔面向網(wǎng)頁(yè)開發(fā)者，介紹微信開放標(biāo)簽如何使用及相關(guān)注意事項(xiàng)。需要注意的是，微信開放
2024年02月04日
瀏覽(22)
微信小程序的跨頁(yè)面?zhèn)鲄⒁约癲ata-方法的相關(guān)細(xì)節(jié)
??博主：小貓娃來(lái)啦 ??文章核心：微信小程序的跨頁(yè)面?zhèn)鲄⒁约癲ata-方法的相關(guān)細(xì)節(jié) 其實(shí)在學(xué)習(xí)新東西的過程中，最快速的方式就是多看官方文檔。很多技術(shù)層面的東西，官方文檔其實(shí)講的很清楚了。 vue這個(gè)漸進(jìn)式框架在很久以前，是沒有多少官方文檔供人學(xué)習(xí)的，但現(xiàn)
2024年02月11日
瀏覽(20)
【微信小程序】從網(wǎng)絡(luò)請(qǐng)求返回值res.data獲取并解析一個(gè)Array
在微信小程序中，可以通過 res.data 獲取到請(qǐng)求返回的數(shù)據(jù)。如果返回的數(shù)據(jù)是一個(gè)數(shù)組，您可以直接對(duì)其進(jìn)行操作。以下是一個(gè)示例代碼，演示了如何從 res.data 中解析一個(gè)數(shù)組：在上述代碼中，我們首先判斷 res.data 是否為一個(gè)數(shù)組，使用 Array.isArray() 方法進(jìn)行判斷。如果是
2024年02月16日
瀏覽(33)