js图片转base64

Posted LieJimmy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js图片转base64相关的知识,希望对你有一定的参考价值。

/** * 将图片转换为Base64 */

function image2Base64(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 dataURL = canvas.toDataURL("image/png");

return dataURL;

}

 

 

/** * 获取图片Base64编码 */

function getImgBase64()

{

var base64=""; var img = new Image();

img.src="img/test.jpg";

img.onload=function(){

base64 = image2Base64(img);

 }

}

 

getImgBase64();

以上是关于js图片转base64的主要内容,如果未能解决你的问题,请参考以下文章

js图片转base64

js中图片base64格式转文件对象

uni-app 中图片转 base64 以及 base64 转图片方式,超简单,超好用的图片转换工具,你值得拥有它。

vue、JS图片url转base64

mui开发app之js将base64转图片文件

JS input file 转base64 JS图片预览