img的url转base64

原创于 2018-08-28 18:38:11 发布 · 5.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#canvas #base64

技术同时被 3 个专栏收录

37 篇文章

订阅专栏

35 篇文章

订阅专栏

canvas

1 篇文章

订阅专栏

博客涉及canvas和base64相关信息技术内容，但具体信息缺失。canvas常用于网页图形绘制，base64可用于数据编码。

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

        function getBase64Image(img) {
            var canvas = document.createElement("canvas");
            $("canavs").hide();
            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 imgLink = "图片地址";
        var tempImage = new Image();
        tempImage.src = imgLink;
        tempImage.crossOrigin = "*";
        tempImage.onload = function(){
            var base64 = getBase64Image(tempImage);
            console.log(base64);
            $("#resultImg").attr("src",base64);
        }