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

  • 图形验证码功能实现

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

  • UI稿:
  • 需求:向后端请求验证码图片,然后用户输入图片验证码之后,在校验通过之后才执行后面的逻辑
  • 难点:如何通过前端input框输入的值,即时与后端返回的图片进行校验
  • 解析:我们前端对这种自己输入的值以及后端传的图片验证码是无法比较的,一个使图片的格式,一个使数字/字符串类型,如何解决呢
  • 解决方法 :想到两个点,与后端商量,利用cookic解决,但是我们测试了下,没有拿到cookic值,具体原因我们也没找到;第二个方法就是他自定义了一个md5加密放到了响应头中,我拿到这个md5对应的值之后,在检验的请求中将其写待到请求头中,从而也因为它给我们前后端加了一个检验的桥梁,因而实现了图片验证码的校验。
  • 代码逻辑
  • 查看请求
  • 实现的效果图:校验成功
相关推荐
瑶琴AI前端1 小时前
uniapp实现H5和微信小程序获取当前位置(腾讯地图)
微信小程序·小程序·uni-app
耶啵奶膘8 小时前
uniapp-是否删除
linux·前端·uni-app
断墨先生14 小时前
uniapp—android原生插件开发(3Android真机调试)
android·uni-app
guai_guai_guai15 小时前
uniapp
前端·javascript·vue.js·uni-app
阿伟来咯~20 小时前
一些 uniapp相关bug
uni-app·bug
瑶琴AI前端1 天前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
mosen8681 天前
Uniapp去除顶部导航栏-小程序、H5、APP适用
vue.js·微信小程序·小程序·uni-app·uniapp
尚梦1 天前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
尚学教辅学习资料2 天前
基于SSM+uniapp的营养食谱系统+LW参考示例
java·uni-app·ssm·菜谱
Bessie2342 天前
微信小程序eval无法使用的替代方案
微信小程序·小程序·uni-app