将编辑器中所有图片转换为base64

川哥编程

于 2024-07-22 19:12:09 发布

阅读量146

点赞数 2

文章标签：前端 javascript

本文链接：https://blog.csdn.net/liyichuanZhengzhou/article/details/140617551

版权

function asynConvertImageToBase64InEditor(s) {
	var src = window.img_srcs[0];
	window.img_srcs.splice(0,1);
	if (!src) return;
	
	if (/src="([^":]+)"/ig.test(src)) {
		var img = new Image();
		img.crossOrigin = 'anonymous';
		img.src = RegExp['$1'];
		img.onload = function() {
			var c = document.createElement('canvas'), ctx = c.getContext('2d'), ext = getExtension(img.src);
			c.width = img.width;
			c.height = img.height;
			ctx.drawImage(img, 0,0, c.width, c.height);
			if (ext === 'jpg') ext = 'jpeg';
			var base64 = c.toDataURL('image/'+ext);
			s = s.replace(/src="([^":]+)"/i, 'src="'+base64+'"');
			if (window.img_srcs.length === 0) {
				window.editorContents = s;
				return;
			}
			asynConvertImageToBase64InEditor(s);
		}
	}
}