下面前端入门建站教程为大家介绍一下最简单的纯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) }
上面是“最简单的纯js图片转base64(小编亲测有效)”的全面内容,想了解更多关于 js 文章,请继续关注前端入门建站教程。