当前位置: 首页 > news >正文

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

  • 图形验证码功能实现

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

  • UI稿:

  •  需求:向后端请求验证码图片,然后用户输入图片验证码之后,在校验通过之后才执行后面的逻辑
  • 难点:如何通过前端input框输入的值,即时与后端返回的图片进行校验
  • 解析:我们前端对这种自己输入的值以及后端传的图片验证码是无法比较的,一个使图片的格式,一个使数字/字符串类型,如何解决呢
  • 解决方法想到两个点,与后端商量,利用cookic解决,但是我们测试了下,没有拿到cookic值,具体原因我们也没找到;第二个方法就是他自定义了一个md5加密放到了响应头中,我拿到这个md5对应的值之后,在检验的请求中将其写待到请求头中,从而也因为它给我们前后端加了一个检验的桥梁,因而实现了图片验证码的校验。
  • 代码逻辑

  • 查看请求

 

  • 实现的效果图:校验成功

 

http://www.lryc.cn/news/111572.html

相关文章:

  • 将Visio和Excel导出成没有白边的PDF文件
  • String类及其工具类
  • 踩坑(5)整合kafka 报错 java.net.UnknownHostException: 不知道这样的主机
  • rust持续学习 get_or_insert_with
  • 卡尔曼滤波 | Matlab实现无迹kalman滤波仿真
  • C++---list常用接口和模拟实现
  • [openCV]基于赛道追踪的智能车巡线方案V1
  • SpringIoc-个人学习笔记
  • 【一文搞懂泛型】
  • 概念解析 | 利用MIMO雷达技术实现高性能目标检测的关键技术解析
  • Grafana制作图表-自定义Flink监控图表
  • 【TypeScript】初识TypeScript和变量类型介绍
  • 阿里云瑶池 PolarDB 开源官网焕新升级上线
  • 泡水书为什么不能再出售
  • Mac 执行 .sh命令报错 command not found
  • postgresql 使用之 存储架构 触摸真实数据的存储结构以及组织形式,存入数据库的数据原来在这里
  • Node.Js安装与配置教程
  • Element-Plus DatePicker获取时间戳
  • 【算法第十五天7.29】513.找树左下角的值 112. 路径总和 106.从中序与后序遍历序列构造二叉树
  • Java thymeleaf bug排查记录
  • 互感和励磁电感(激磁电感)的关系
  • stdexcept和exception,两个头文件的区别?
  • openCV图像的读写操作
  • Android平台GB28181设备接入端如何降低资源占用和性能消耗
  • Android Studio安装AI编程助手Github Copilot
  • windows部署springboot项目 jar项目 (带日志监听和开机自起脚本)
  • 【数据结构和算法】排序算法
  • Error: Cannot find module ‘@babel/core’处理
  • K8S系列文章之 自动化运维利器 Fabric
  • flask--->CBV/模板/请求响应/session