js 将图片转换为base64编码

最新推荐文章于 2025-02-23 15:18:23 发布

Bowen_Zhang

最新推荐文章于 2025-02-23 15:18:23 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： js base64

本文链接：https://blog.youkuaiyun.com/u012219290/article/details/51698549

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种将图片文件转换为Base64编码的方法，该方法可用于爬虫程序中处理网站的验证码，通过JavaScript实现图片到Base64字符串的转换。

在写爬虫程序的时候，网站采用了验证码防爬取策略，这里需要将验证码图片转换成base64编码提交到第三方网站进行验证

/**
 * 将图片转换为Base64
 */
function image2Base64(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0, img.width, img.height);
    var dataURL = canvas.toDataURL("image/png");
    return dataURL;
}

/**
 * 获取图片Base64编码
 */
function getImgBase64(){
    var base64="";
    var img = new Image();
    img.src="img/test.jpg";
    img.onload=function(){
        base64 = image2Base64(img);
        alert(base64);
    }
}

getImgBase64();