uniapp:图片验证码检验问题处理

  • 图形验证码功能实现

uniapp:解决图形验证码问题及利用arraybuffer二进制转base64格式图片(后端传的图片数据形式:x00\x10JFIF\x00\x01\x02\x00...)_❆VE❆的博客-CSDN博客

  • UI稿:
  • 需求:向后端请求验证码图片,然后用户输入图片验证码之后,在校验通过之后才执行后面的逻辑
  • 难点:如何通过前端input框输入的值,即时与后端返回的图片进行校验
  • 解析:我们前端对这种自己输入的值以及后端传的图片验证码是无法比较的,一个使图片的格式,一个使数字/字符串类型,如何解决呢
  • 解决方法 :想到两个点,与后端商量,利用cookic解决,但是我们测试了下,没有拿到cookic值,具体原因我们也没找到;第二个方法就是他自定义了一个md5加密放到了响应头中,我拿到这个md5对应的值之后,在检验的请求中将其写待到请求头中,从而也因为它给我们前后端加了一个检验的桥梁,因而实现了图片验证码的校验。
  • 代码逻辑
  • 查看请求
  • 实现的效果图:校验成功
相关推荐
2501_9159184114 小时前
如何在iPad上找到并打开文件夹的完整指南
android·ios·小程序·uni-app·iphone·webview·ipad
weixin_6383031118 小时前
uniapp组合式和选项式
javascript·vue.js·uni-app
木子啊21 小时前
UniApp Base64上传终极解决方案
uni-app·base64·base64转图片·base64上传
2501_915918411 天前
Wireshark、Fiddler、Charles抓包工具详细使用指南
android·ios·小程序·https·uni-app·iphone·webview
阿宇爱吃鱼1 天前
uniapp input输入框,限制金额输入格式
前端·javascript·uni-app
一只程序熊1 天前
uniapp x 新手入门指南
uni-app
攻城狮7号1 天前
不懂代码也能造?TRAE+GLM-4.6 手把手教你搭心理咨询智能客服小程序
python·小程序·uni-app·vue·trae·glm我的编程搭子·glm-4.6
QQ588501981 天前
Python_uniapp-心理健康测评服务微信小程序的设计与实现
python·微信小程序·uni-app
三天两行代码1 天前
uniapp 微信小程序实现ai问答功能流式输出makdown解析实现打字机效果(附源码)
微信小程序·小程序·uni-app
三天不学习1 天前
从开发到上架:手把手教你将uni-app微信小程序打包发布(全网最全指南)
微信小程序·uni-app·notepad++