关于验证码图片处理的问题

呀嘻耶耶

本帖最后由 呀嘻耶耶 于 2023-6-15 16:45 编辑

本帖最后由 呀嘻耶耶 于 2023-6-15 16:45 编辑

在开发中遇到这么一个问题，在已经写好验证码解析接口的情况下，在访问验证码的url之后会出现在后端刷新验证码的情况，但是这个时候在前端的验证码图片并没有刷新，因为刷新的请求是脚本发出的。
为了满足前端的验证码和实际的后端的验证码同步的强迫症，在请教了各位大佬之后，在不重新发送请求的前提下，成功拿到了图片数据。
以下是代码

var imgElement = document.getElementById('myImage');
//这里没啥好说的，从dom中拿到图片，以下都是固定格式
var canvas = document.createElement('canvas');
canvas.width = imgElement.width;
canvas.height = imgElement.height;
var ctx = canvas.getContext('2d');
ctx.drawImage(imgElement, 0, 0, imgElement.width, imgElement.height);
//我这里是要把图片使用base64编码后传递给自己写好的识别接口，所以在这里对图片做了处理。
const base64String=canvas.toDataURL('image/jpeg').split(',')[1]

大功告成！