qq_25376517 2019-02-03 01:47 采纳率: 0%
浏览 743
已结题

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

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

可以参考一下: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条回答 默认 最新

  • devmiao 2019-02-03 11:50
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常
  • ¥15 关于风控系统,如何去选择
  • ¥15 这款软件是什么?需要能满足我的需求
  • ¥15 SpringSecurityOauth2登陆前后request不一致