taro小程序用户头像昵称获取

微信发布《小程序用户头像昵称获取规则调整公告》之后,无法再使用getUserProfile获取用户头像和昵称,因此小程序官方提供了头像昵称填写功能来完善个人资料。

对button添加open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"获取头像
对input添加type="nickname"获取昵称


使用方法:

新增一个个人信息页面用来完善个人资料
在这里插入图片描述
获取头像:

<Buttonopen-type="chooseAvatar"onChooseAvatar={onChooseAvatar}  // 在taro中使用的是onChooseAvatarclassName="info-content__btn"
><Image src={avatar} className="info-content__avatar" /> 
</Button>

在这里插入图片描述

获取昵称:

<Inputtype="nickname" className="info-content__input"placeholder="请输入昵称"value={nickname}onInput={(e) => setNickName(e.detail.value)}
/>

在这里插入图片描述
注意:头像获取到的只是头像的临时地址,需要将头像上传到服务器存储获取永久地址
Taro.uploadFile具体参数见taro官方文档

// 获取头像onChooseAvatar的方法
const onChooseAvatar = (e) => {setAvatar(e.detail.avatarUrl)uploadFile(e.detail.avatarUrl)  
}// 上传头像到服务器
const uploadFile = (file) => {Taro.uploadFile({url: HOST + 'star/api/user/upload/user/head', filePath: file,name: 'uploadFile',header: {'content-type': 'multipart/form-data',token: user.token,},formData: {},success: (res) => {if (res.data) {const resp = JSON.parse(res.data)if (resp.code === ResponseCode.SUCCESS) {let imgUrl = resp.datasetAvatar(imgUrl)} else {Taro.showToast({icon: 'none',title: resp.msg,})}}},fail: (e) => {Taro.showToast({icon: 'none',title: '头像上传失败,请重试',})},})}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/29479.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

聊天截图厚码也不安全,大神写了算法分分钟给你还原

金磊 发自 凹非寺量子位 | 公众号 QbitAI 讲个恐怖的故事。 早上跟同事在微信闲谈&#xff0c;聊起了一位女同事最近的变化。 结果他反手就把文字打上马赛克&#xff0c;截图丢进了群里&#xff1a; 还欠欠儿地补了一刀&#xff1a; XXX&#xff0c;他说你坏话了呦~ 万万没想到…

深度对话三维家 | 4万亿市场,家装设计会诞生AIGC首个杀手级赚钱应用吗?

2022年&#xff0c;ChatGPT的火爆登场&#xff0c;超级烧钱的AI大模型赛道随即进入“千模大战”&#xff0c;“战况”惨烈异常。 时间来到2023年年中&#xff0c;AIGC热度不减&#xff0c;虽然创业者还在汹涌入局。究竟如何使用AIGC技术&#xff1f;AIGC技术可以在哪些场景率先…

2022年AIGC简单展望

2022 对于社会是不平凡的一年&#xff0c;而对于科技也同样是不平凡的一年。人们在社会中遭受着失意&#xff0c;却在科技中寻找希冀。对于一个命运共同体&#xff0c;它想着如何破除衰退&#xff0c;而同样对于一个活生生的个体或者家庭&#xff0c;他们也在摸索改变命运的机遇…

资本观望,大厂入局,海外大模型血脉压制……国内AIGC创业者的机会在哪里?...

图片来源&#xff1a;由无界 AI生成 A股AI概念股直线式拉涨&#xff0c;技术大牛带资进组分分钟成数十亿人民币独角兽&#xff0c;互联网巨头争抢着入局&#xff0c;政府各类扶持政策持续出台&#xff0c;媒体动不动就是万亿风口&#xff0c;500万年薪难招AIGC大牛……2022年以…

孔乙己新编

原创&#xff1a;刘教链 * * * 好币App的UI&#xff0c;是和别个儿不同的&#xff1a;开屏画面过后&#xff0c;扑面而来的是浓浓的山寨风&#xff0c;可以随时梭上一把。黄袍加身的人&#xff0c;傍午傍晚送完外卖&#xff0c;每每换上十几个u&#xff08;注&#xff1a;指USD…

裁员一万转身拥抱AI,Meta又要改名了

作者 | Eric 编辑 | Zuri‍‍‍‍‍‍ 首图来源&#xff1a;The New York TImes 美国科技四巨头中&#xff0c;如今就属Meta最显落寞了。 前不久&#xff0c;苹果CEO库克到访中国&#xff0c;不管是跟普通顾客在三里屯打成一片&#xff0c;还是跟科技部长会面&#xff0c;都受到…

巴比特 | 元宇宙每日必读:训练速度提升15倍,微软开源Deep Speed Chat,用户可通过“傻瓜式操作”训练大语言模型...

摘要&#xff1a;4月12日&#xff0c;微软宣布开源了Deep Speed Chat&#xff0c;用户可通过Deep Speed Chat提供的“傻瓜式”操作&#xff0c;以最短的时间、最高效的成本训练类ChatGPT大语言模型&#xff0c;这标志着一个人手一个ChatGPT的时代要来了。据悉&#xff0c;Deep …

AI大火:让卖课的先富起来

作者&#xff5c;路世明编辑&#xff5c;大 风 ChatGPT的爆火&#xff0c;再次掀起了全球人工智能产业的热潮。 自年初以来&#xff0c;国内外科技巨头相继开发并发布了一大批类GPT产品。海外方面&#xff0c;谷歌有Bard&#xff0c;Meta有LLaMA&#xff0c;亚马逊有Amazon B…

Feed43自定义 RSS 订阅源

Google Reader 的关闭后&#xff0c;到处充斥着 RSS 将死的论调。如今看来并没有想象中的那么惨&#xff0c;许多人依旧喜欢沿用 RSS 作为自己获取信息的方式。 前段时间&#xff0c;少数派 Matrix 进行了一次关于 RSS 的讨论&#xff0c;其中不乏有许多好的观点迸发出来。如果…

AI帮你解读基因检测结果?任重道远,未来可期

AI帮你解读基因检测结果&#xff1f;任重道远&#xff0c;未来可期 依赖于测序技术的发展&#xff0c;越来越多的基因检测产品应用于临床诊疗&#xff0c;可以辅助临床医生进行生育相关遗传病诊断、肿瘤精准诊疗与早期预防和感染病因查找等。但是&#xff0c;测序结果如何应用到…

GeneGPT 利用生物医学信息工具增强大型语言模型

尽管大型语言模型&#xff08;LLMs&#xff09;已成功应用于各种任务&#xff0c;但它们仍然有生成错误内容的问题。利用领域特定工具&#xff08;如数据库工具&#xff09;增强LLMs具有促进访问专业知识更精确和直接的潜力。文章介绍了GeneGPT&#xff0c;一种新的方法&#x…

彩票怎样才能中奖?通过一定的数学算法是否可行

理论上&#xff0c;只能靠运气。但是&#xff0c;如果规则设计得不好&#xff0c;就可以钻漏洞。 2005年2月&#xff0c;美国的一个彩票品种&#xff0c;就出现了漏洞&#xff0c;被麻省理工学院的学生发现了。随后的七年&#xff0c;这个学生反复购买这个品种&#xff0c;一共…

微信域名防封技术,APP推广链接如何在微信域避免被封,如何防拦截?

本身在网站要想在微信端被使用&#xff0c;多多少少都会有预防被拦截&#xff0c;是专门为运营网站和公众号的运营者一个研究的工具几十你是正常网站&#xff0c; 也是公司企业备案&#xff0c;照样也会被拦截。这个被拦截一般来说就是你的这个域名已经在微信中打不开了&#…

当域名被微信封了怎么办?

当把网站嵌入到微信公众号时&#xff0c;也存在一个风险&#xff1a;微信封域名&#xff0c;这样所有微信端的页面打开就会提示&#xff1a;已停止访问该网页&#xff0c;如下图所示&#xff1a; 最有效的解封方式 在违规的页面处理完毕后&#xff0c;运营或产品同学赶紧给mo…

微信域名防屏蔽防封系统,轻松微信中域名网站被屏蔽被封的问题

做微信营销活动&#xff0c;域名没被封过&#xff0c;那你的营销人生肯定是不完整的。如果做到微信域名防封呢&#xff1f;这就要借助一些工具来实现有效的防封措施了。 第一步 你需要有一个微信域名检测接口&#xff0c;自己开发或是购买都可以。 第二步 配置你的程序&…

微信域名经常被封?微信屏蔽域名的机制

为什么&#xff1f; 微信被封&#xff1f; 被秒封&#xff1f; 本人也是做防封的 所以总结一些小经验 一 服务器 服务器方面 是目前很多大家在做的 很多做防封的朋友都一样这种经历 例如把自己的域名 解析到 防封平台的服务器上 很诡异的是 确实被封的概率确实降低了很多 这种…

微信域名防封跳转系统详解,域名总是被微信屏蔽应该这样做

很多人问&#xff0c;微信域名防封跳转系统是怎么实现的&#xff0c;域名链接被微信拦截封杀&#xff0c;就是不能在微信环境中打开&#xff0c;需要通过点击右上角选择浏览器打开。 域名链接微信屏蔽&#xff0c;顾名思义&#xff0c;肯定是看不到了。 域名链接被微信封杀&…

网站域名在微信端被封禁了怎么办?这样几步就能解封!

当你发现自己的网站在微信里打不开了怎么办&#xff1f; 页面显示“已停止访问该网页”&#xff0c;解封需要怎么做&#xff1f;会不会很麻烦&#xff1f;需要多长时间&#xff1f; 不用着急&#xff0c;通常碰上这种情况&#xff0c;我们可以通过“在线申请”和“邮件申请”两…

微信域名防红系统,解决微信域名老是被封

微信域名防封技术及微信域名被封解决方案。 微信又封杀我的域名了&#xff0c;微信域名被封怎么办&#xff1f; 做微信项目的兄弟们总跟我唠嗑抱怨&#xff0c;这个无可厚非&#xff0c; 微信如果不做屏蔽措施&#xff0c;微信里面传播传播的信息良莠不齐不治理&#xff0c;…

【全新官方接口】php检测微信域名拦截,检测微信域名被封

你的域名在微信被拦截的3种常见情况 1、域名因违规或有风险被拦截&#xff08;红色拦截&#xff09; 2、类似taobao.com&#xff0c;douyin.com这种的恶意竞争式拦截&#xff0c;淘宝、抖音等微信的竞争对手一般都是白色拦截&#xff08;白色拦截&#xff09; 3、有一个中间页…