base64转Blob方法

最新推荐文章于 2024-08-22 11:40:32 发布

qq_40697804

最新推荐文章于 2024-08-22 11:40:32 发布

阅读量1w

点赞数 2

本文链接：https://blog.csdn.net/qq_40697804/article/details/100212149

版权

base64ToBlob(urlData, type) {
	let arr = urlData.split(',');
	let mime = arr[0].match(/:(.*?);/)[1] || type;
	// 去掉url的头，并转化为byte
	let bytes = window.atob(arr[1]);
	// 处理异常,将ascii码小于0的转换为大于0
	let ab = new ArrayBuffer(bytes.length);
	// 生成视图（直接针对内存）：8位无符号整数，长度1个字节
	let ia = new Uint8Array(ab);
	for (let i = 0; i < bytes.length; i++) {
	  ia[i] = bytes.charCodeAt(i);
	}
	return new Blob([ab], {
	  type: mime
	});
},

that.imgsrc：后台返回的base64路径

let file = that.imgsrc; // 把整个base64给file
var type = "image/png"; // 定义图片类型（canvas转的图片一般都是png，也可以指定其他类型）
let conversions = that.base64ToBlob(file, type); // 调用base64转图片方法----vue写法
window.URL = window.URL || window.webkitURL; //blob对象转换为blob-url
var url = window.URL.createObjectURL(conversions);
that.imgs = url;//图片路径 blob格式
document.getElementById('yzmImg').setAttribute('src',that.imgs); //赋值给图片的src