微信小程序新版头像昵称API [保存用户头像到服务器]

 根据微信官方文档的说法,2022年10月之后,原本的获取昵称和头像的api,也就是wx.getUserProfile和wx.getUserInfo将停止支持,在那之后发布和更新的小程序必须停止使用这两个api。

fa6e190af2de4b7b8f56f4bf18f8544f.png

 这两个api获得的用户头像均为一个url,指向网络上的一个头像图片。前端获取该链接后可通过wx.request传到后端,服务器访问该链接并将图片下载保存。

微信官方推荐的替代做法:头像昵称填写 | 微信开放文档 (qq.com)

代码(来自上述的链接):

<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}"></image>
</button> 
<input type="nickname" class="weui-input" placeholder="请输入昵称"/>
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'Page({data: {avatarUrl: defaultAvatarUrl,},onChooseAvatar(e) {const { avatarUrl } = e.detail this.setData({avatarUrl,})}
})

必须让用户点击开发者设置的button标签,然后手动选择自己的微信头像,或者在相册中选择一张图片,button应该填的的属性见上图。

测试后发现,这种方法得到的avatarUrl是微信本地临时文件的路径,可以让小程序显示使用,但是不能在远程访问,也就是不能通过发送url给服务器的方式让服务器下载图片,必须把图片本身发送给服务器。所以我们可以使用wx.uploadFile,将刚刚保存在本地的头像发送至服务器

  onChooseAvatar(e) {var avatarUrl = e.detail this.setData({avatarUrl,//让图片预览处显示刚刚选择的图片});wx.uploadFile({filePath: avatarUrl,name: 'avatarImg',url: uploadUrl,//服务器端接收图片的路径success:function(res){console.log(res);//发送成功回调},fail:function(res){console.log(res);//发送失败回调,可以在这里了解失败原因}})},

注意:wx.uploadFile所允许的域名白名单需要在小程序后台配置,与wx.request是分开的。配置之后记得清除本地缓存才会生效。

 

 

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

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

相关文章

相片怎么变成漫画头像?分享个好用的处理工具

①.首先我们在电脑上打开任意浏览器&#xff0c;搜索进入改图在线做图页面。进入之后&#xff0c;可以看到上方的导航栏中有“去玩特效”这个导航&#xff0c;点击这里或者首页推荐工具下方的“照片特效”进入即可。 ②.进入照片特效页面后&#xff0c;这里有很多中卡通人脸特效…

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

微信发布《小程序用户头像昵称获取规则调整公告》之后&#xff0c;无法再使用getUserProfile获取用户头像和昵称&#xff0c;因此小程序官方提供了头像昵称填写功能来完善个人资料。 对button添加open-type"chooseAvatar" bind:chooseavatar"onChooseAvatar&qu…

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

金磊 发自 凹非寺量子位 | 公众号 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;我们可以通过“在线申请”和“邮件申请”两…