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

  • 图形验证码功能实现

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

  • UI稿:
  • 需求:向后端请求验证码图片,然后用户输入图片验证码之后,在校验通过之后才执行后面的逻辑
  • 难点:如何通过前端input框输入的值,即时与后端返回的图片进行校验
  • 解析:我们前端对这种自己输入的值以及后端传的图片验证码是无法比较的,一个使图片的格式,一个使数字/字符串类型,如何解决呢
  • 解决方法 :想到两个点,与后端商量,利用cookic解决,但是我们测试了下,没有拿到cookic值,具体原因我们也没找到;第二个方法就是他自定义了一个md5加密放到了响应头中,我拿到这个md5对应的值之后,在检验的请求中将其写待到请求头中,从而也因为它给我们前后端加了一个检验的桥梁,因而实现了图片验证码的校验。
  • 代码逻辑
  • 查看请求
  • 实现的效果图:校验成功
相关推荐
2501_915918412 小时前
详解iOS App上架至App Store的全流程步骤与注意事项
android·macos·ios·小程序·uni-app·cocoa·iphone
anyup3 小时前
终于在今天入选了 Gitee GVP,这真值得庆祝~
前端·uni-app·开源
虚惊一场9 小时前
撤销为什么只需要 pop:用事件重放实现离线台球计分
微信小程序·uni-app
虚惊一场9 小时前
从一个小程序到一座工具箱:uni-app 分包与 Flask 微服务实践
微信小程序·uni-app
Cry丶10 小时前
【已解决】adb devices 能识别手机,但 HBuilderX 搜索不到设备的避坑指南
android·adb·uni-app·hbuilderx·真机调试
清风programmer1 天前
H5与小程序通信
前端·vue.js·uni-app
2501_915918413 天前
深入对比iOS开发中常用性能监控工具的底层原理与优缺点分析
android·ios·小程序·https·uni-app·iphone·webview
AI多Agent协作实战派3 天前
AI多Agent协作系统实战(二十三):Agent读HEARTBEAT.md不读AGENTS.md——openclaw的文件加载之谜
前端·数据库·人工智能·uni-app
tg-zm8899963 天前
uni-app开发经验分享-跨端开发经验总结
uni-app
m0_547486663 天前
《Vue.js + uni-app全栈开发从入门到实践 》全套PPT课件2026版
vue.js·uni-app