将图片链接直接转成base64位编码

每个项目产品都会让你加埋点,你是愿意花几天一个个加,还是愿意几分钟一个小时加完去喝茶聊天?来试试这520web工具, 高效加埋点,目前我们公司100号前端都在用,因为很好用,所以很自然普及开来了,推荐给大家吧

http://www.520webtool.com/

自己开发所以免费,埋点越多越能节约时间,点两下埋点就加上了,还不会犯错,里面有使用视频,反正免费

将图片链接直接转成base64位编码

       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 imgLink = "你的链接";
        var tempImage = new Image();
        tempImage.src = imgLink;
        tempImage.crossOrigin = "*";
        tempImage.onload = function(){
            var base64 = getBase64Image(tempImage);
            console.log(base64);
        }

image.crossOrigin = "*"是防止跨域请求时报错Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may n
--------------------- 
作者:-大能豆- 
来源:CSDN 
原文:https://blog.csdn.net/taotao12312/article/details/76209183 
版权声明:本文为博主原创文章,转载请附上博文链接!

你可能感兴趣的:(将图片链接直接转成base64位编码)