uniapp开发微信小程序获取图形验证码解决方法

南国老符 南国老符 最后更新于:2022-04-25 浏览:1333

问题:在登录时候,需要获取图形验证码来验证登录,接口返回的是base64,直接可以用base64来显示图片,没毛病吧,我也感觉一切挺好的。开发者工具没毛病,安卓机没毛病,IOS就是出不来


原因: base64字符串太长,IOS不识别,要么就减少base64字符串长度,要么就不用base64


解决方案一
直接在img 的 src里面放图片地址,点击切换验证码,点击事件里面 this.img=url+’?t=’+ (new Date()).valueOf() 后边加个参数,是为了防止访问同一个地址而引起调用缓存中的内容导致图片不刷新 只是为了防止不会去访问同一个地址

这个方法简单,但是没有满足我的需求,我需要在请求图形验证码的时候拿到session 值,登录的时候作为请求头转给后端,这样一来我无法获取到头部信息,继续寻找其他办法吧


解决方案二
后端采取固定接口返回img链接,文件链接格式为http:?/xxx.com/getimg?rd=abcbx,(请求一次,rd都要改一次,保证每次请求都返回不同的验证码)这样一来,我既能请求后端,并且也能拿到请求头,但是,有一个缺点就是,服务器必须得存储一张验证码图片

结果就是 ,残忍的被后端拒绝了


解决方案三
由前端来做这个存储工作,大致流程是客户端发起请求,返回本地的临时路径,而小程序的视图容器支持临时路径,这样就可以解决啦

小程序的视图容器

小程序下载文件资源到本地接口文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html

在发起wx.downloadFile前就要拿到Sesion,因为他的回调没有这个Sesion,有单独的接口来拿头部回调信息:https://developers.weixin.qq.com/miniprogram/dev/api/network/download/DownloadTask.onHeadersReceived.html

好了,问题完美解决,提醒大家,用wx.downloadFile必须在微信公众平台配置域名,开发=>开发设置=>服务器域名,不然正式版无法请求的哦


点赞 (0)

收藏 (0)
转载请务必注明: 来源:《建站管家》https://www.df81.com/news/305.html

本站部分信息来源网络,如有侵权,请联系QQ:1062129401删除。

上一篇: ThinkPHP6使用JWT生成 token中间件验证token的步骤代码

下一篇: uniapp前端调用后台tp6验证码的方法

请先登录后,再发表评论 ~ ~
发表评论
评论 (0)

发表帖子
广告位招租( ¥5 / 天 )
点击咨询
最新帖子

南国老符
2025-05-26 16:54
南国老符
2024-09-29 10:29
南国老符
2023-12-15 21:41
广告位招租( ¥5 / 天 )
点击咨询
最近评论

U
user1379
回复:版本号多少?
U
user1379
回复:新版本修复了,下载新版本即可
U
user1379
U
user1304
回复:默认没有这个功能,你可以自行二次开发后期可能会考虑在站群版本上加入此功能及商城功能
Y
yuanis90
回复:后台->语言->全局管理->模型管理->编辑->启用关键词内链即可
Y
yuanis90
回复:后台已经启用了,但是前台产品说明的关分键词还是没有自动链接到,
购买VIP
购买授权
余额充值
发表帖子
客服微信