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

最新推荐文章于 2024-11-13 16:14:12 发布

小马哥的天涯

最新推荐文章于 2024-11-13 16:14:12 发布

阅读量1.3k

点赞数

分类专栏： js

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种将图片转换为Base64编码的方法，通过创建一个canvas元素并使用JavaScript进行绘制，最终获取到图片的Base64编码。该方法还包括处理跨域问题，确保在不同源的情况下也能正常获取图片数据。

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

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);
}