后端接口返回base64编码图片前端如何接收(图形验证码)

前端请求该接口的时候可能会出现请求的结果为null,但是查看网络,显示已经获取该数据了,导致这个的原因可能是同步请求。但是为了更方便的去使用,我们可以直接在前端img图片中去使用这个接口,来进行展示

复制代码
<img src='https://haoxgame.com/api.php/user/UserVerifyEntry?type=user_reg' alt="描述信息" />

这样的话,后端请求的图片就可以直接展示到我们页面上了。

实现点击刷新(V3语法)

复制代码
<img :src=VerifyIndex alt="描述信息" @click="changeVerify" />

const VerifyIndex = ref('https://haoxgame.com/api.php/user/UserVerifyEntry?type=user_reg')

const changeVerify = () => {
  VerifyIndex.value = `https://haoxgame.com/api.php/user/UserVerifyEntry?type=user_reg&timestamp=${new Date().getTime()}`;
};

这样的话就可以实现点击刷新的效果了

相关推荐
Mr.Jessy43 分钟前
JavaScript学习第六天:函数
开发语言·前端·javascript·学习·html·1024程序员节
code_YuJun1 小时前
管理系统——应用初始化 Loading 动画
前端
oak隔壁找我1 小时前
JavaScript 模块化演进历程:问题与解决方案。
前端·javascript·架构
Elieal1 小时前
AJAX 知识
前端·ajax·okhttp
sulikey2 小时前
Qt 入门简洁笔记:从框架概念到开发环境搭建
开发语言·前端·c++·qt·前端框架·visual studio·qt框架
烛阴2 小时前
循环背后的魔法:Lua 迭代器深度解析
前端·lua
元拓数智3 小时前
现代前端状态管理深度剖析:从单一数据源到分布式状态
前端·1024程序员节
mapbar_front3 小时前
Electron 应用自动更新方案:electron-updater 完整指南
前端·javascript·electron
天一生水water3 小时前
three.js加载三维GLB文件,查看三维模型
前端·1024程序员节
无风听海3 小时前
HarmonyOS之启动应用内的UIAbility组件
前端·华为·harmonyos