您的位置:首页 > 健康 > 养生 > 后端接口返回base64编码图片前端如何接收(图形验证码)

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

2024/10/9 12:16:17 来源:https://blog.csdn.net/zxcvb0825/article/details/141086148  浏览:    关键词:后端接口返回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()}`;
};

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com