最简单的纯js图片转base64(小编亲测有效)

var imgurl = "images/logo.png"; //imgurl 就是你的图片路径（跨域会报错） 
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 image = new Image();  
image.src = imgurl; //图片赋值 
image.onload = function(){  
  var base64 = getBase64Image(image);  
  console.log('imgBase64', base64)
}

vue开发如何把二进制流转换为base64

后端返回一大串base64位的pdf文件流前端如何实现功能

如何利用php代码对base64图片旋转并保持本地

js如何将base64和图片之间进行转换

php出现base64_decode乱码怎么解决

标签： base64

上面是“最简单的纯js图片转base64(小编亲测有效)”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_46.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！