将图片的路径转化成base64编码

最新推荐文章于 2021-05-11 18:08:29 发布

weixin_33682719

最新推荐文章于 2021-05-11 18:08:29 发布

阅读量315

点赞数

CC 4.0 BY-SA版权

文章标签：后端 python

原文链接：https://my.oschina.net/u/3407699/blog/1563221

本文介绍了一种将图片转换为Base64编码的方法，并提供了一个简单的HTML页面及JavaScript实现。该方法首先创建一个HTML画布，然后使用JavaScript将图片绘制到画布上并转换为Base64编码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script>
    function getBase64Image(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 ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
        var dataURL = canvas.toDataURL("image/"+ext);
        return dataURL;
    }
    var img = "img/bd_logo1.png";
    var image = new Image();
    image.src = img;
    image.onload = function(){
        var base64 = getBase64Image(image);
        console.log(base64);
    }

</script>
</html>

转载于:https://my.oschina.net/u/3407699/blog/1563221