歡迎點(diǎn)擊領(lǐng)取 -《前端開(kāi)發(fā)面試題進(jìn)階秘籍》：前端登頂之巔-最全面的前端知識(shí)點(diǎn)梳理總結(jié)
*專享
技術(shù)棧：taro框架 + vue3版本
解決在微信小程序獲取微信頭像時(shí)控制臺(tái)報(bào)錯(cuò)：找不著wxfile://tmp 文件路徑,失敗，原因如下：因?yàn)槲⑿盘峁┙o我開(kāi)發(fā)者的是一個(gè)本地的臨時(shí)文件是會(huì)失效的所以存在服務(wù)器，時(shí)間失效就回顯失敗了；
1、微信小程序官方因保障用戶隱私及自選項(xiàng)，新版本的獲取用戶基礎(chǔ)信息發(fā)生變更；版本歷史變遷，自 2022 年 10 月 25 日 24 時(shí)后做出相關(guān)調(diào)整；可查看微信開(kāi)放平臺(tái)社區(qū)；
1.1 獲取頭像的正確姿勢(shì)：
頭像獲取的是一個(gè)臨時(shí)路徑，千萬(wàn)不要將直接獲取的地址存儲(chǔ)到數(shù)據(jù)庫(kù)中；eg: wxfile://tmp,開(kāi)頭文件。
將 button 組件 open-type 的值設(shè)置為 chooseAvatar，當(dāng)用戶選擇需要使用的頭像之后，可以通過(guò) bindchooseavatar 事件回調(diào)獲取到頭像信息的臨時(shí)路徑。
從基礎(chǔ)庫(kù)2.24.4版本起，若用戶上傳的圖片未通過(guò)安全監(jiān)測(cè)，不觸發(fā)bindchooseavatar 事件。
這里采用的是taro框架+taroUi + vue3 + ts 的寫(xiě)法;以及Taro.uploadFile進(jìn)行上傳臨時(shí)文件文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-704529.html
<template>
<button
class="avatar-wrapper"
open-type="chooseAvatar"
@chooseavatar="handleOnChooseAvatar"
>
獲取頭像
</button>
</template>
<script lang="ts" setup>
import Taro from "@tarojs/taro";
// 獲取頭像信息
const handleOnChooseAvatar = async (e) => {
const { avatarUrl } = e.detail;
// 將獲取的臨時(shí)文件上傳至公司服務(wù)器內(nèi)獲取對(duì)應(yīng)的地址信息
Taro.uploadFile({
url: "https://xxx.api/file/upload",
filePath: avatarUrl,
name: "file",
formData: {},
success(res) {
const data: any = JSON.parse(res.data);
formFeildVal.headPortrait = data.data;
},
});
};
</script>
1.2 獲取昵稱的正確姿勢(shì)：
1、因開(kāi)發(fā)者工具問(wèn)題或者ui組件庫(kù)的問(wèn)題，獲取到的昵稱在經(jīng)過(guò)form校驗(yàn)會(huì)失效
2、解決input觸發(fā)onchange事件，將值獲取賦值在對(duì)應(yīng)的輸入框內(nèi)部
3、還是有問(wèn)題，將在真機(jī)上進(jìn)行操作；文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-704529.html
<template>
<nut-input
:border="false"
type="nickname"
v-model="formFeildVal.nickname"
placeholder="請(qǐng)輸入昵稱信息"
@change="handleChangeInput"
/>
</template>
<script lang="ts" setup>
import { nextTick } from "vue";
// 延遲給form賦值昵稱
const handleChangeInput = (e) => {
nextTick(() => {
formFeildVal.nickname = e.cacheTarget.value;
});
};
</script>
到了這里，關(guān)于微信臨時(shí)文件wxfile://tmp文件處理，微信小程序最新獲取頭像和昵稱的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
