在做验证码自动填写插件遇到了一些问题,在支付宝页面用canvas转换验证码图片到Base64报错 5C

我正在做一个验证码自动填写插件,但是我遇到了一个报错

可以参考一下:https://blog.csdn.net/u014602478/article/details/75095961

报错

对应的代码段是:
图片说明

function getBase64Image(im)
{
    im.crossOrigin="";
    var canvas = document.createElement("canvas");
    canvas.width = im.width;
    canvas.height = im.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(im, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    return dataURL.replace("data:image/png;base64,", "");
}

我在_百度_找了很多的解决方案,大多是告诉我这个是跨域报错

需要加入

img.crossOrigin="Anonymous";

解决跨域问题,但是尝试之后还是报错
接下来我在_stackoverflow_上找了此类问题的解决方法

得到了,这个方案

img.crossOrigin="";

添加之后还是报错

此解决方案在其他页面都是可行的,就是支付宝的页面死活不可以

测试方法

页面地址点击这里跳转到支付宝登录页面

1.在Console中输入函数

例如:

function getBase64Image(im)
{
  im.crossOrigin="";
    var canvas = document.createElement("canvas");
  canvas.width = im.width;
    canvas.height = im.height;
    var ctx = canvas.getContext("2d");
  ctx.drawImage(im, 0, 0);
  var dataURL = canvas.toDataURL("image/png");
    return dataURL.replace("data:image/png;base64,", "");
}

2.再输入

getBase64Image(document.getElementById("J-checkcode-img"))

无奈自己对前端不太懂,在网上找了很久也没有合适的解决方法,不知道该如何解决,还希望各位能够帮忙,谢谢!!

2个回答

qq_25376517
qq_25376517 不是这个意思啊。。他这个不是基于JS实现的,我要基于JS实现的问题啊
9 个月之前 回复

解决跨域问题是双方面的。
只在前端设置img.crossOrigin没用。
还需要图片所在的服务器端为图片设置crossOrigin的头信息才行。
如果服务器没有为图片设置crossOrigin的头信息,浏览器就不允许跨域获取图片数据。

jslang
天际的海浪 回复qq_25376517: 前端无法获取、只能在你自己的服务器端加载图片,获取图片数据、如果需要在前端使用数据可以用ajax传回到前端
9 个月之前 回复
qq_25376517
qq_25376517 哦哦,谢谢。那有其他方法解决这个问题吗?即获取验证码的Base64数据的其他方法?
9 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!