js把图片转化成base64

图片转Base64编码

原创于 2019-06-11 14:50:14 发布 · 915 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种将图片文件转换为Base64编码字符串的方法，通过创建HTML5的canvas元素，利用其toDataURL方法实现图片到Base64的转换，并提供了一个示例函数和使用方式。

	function getImgToBase64(url,callback){//将图片转换为Base64
	  var canvas = document.createElement('canvas'),
	    ctx = canvas.getContext('2d'),
	    img = new Image;
	  img.crossOrigin = 'Anonymous';
	  img.onload = function(){
	    canvas.height = img.height;
	    canvas.width = img.width;
	    ctx.drawImage(img,0,0);
	    var dataURL = canvas.toDataURL('image/png');
	    callback(dataURL);
	    canvas = null;
	  };
	  img.src = url;
	}

使用方式

getImgToBase64('img/test.png',function(data){
　　　var myFile = dataURLtoFile(data,'testimgtestimgtestimg');
　　　console.log(myFile);
});