base64、blob、file互转

最新推荐文章于 2024-07-16 16:43:05 发布

qq_25501109

最新推荐文章于 2024-07-16 16:43:05 发布

阅读量141

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_25501109/article/details/137638157

版权

base64、blob、file互转方法

// base64转Blob对象
var blob = this.base64ToBlob(Base64);
base64ToBlob(base64) {
		var arr = base64.split(','),
		mime = arr[0].match(/:(.*?);/)[1],
		bstr = atob(arr[1]),
		n = bstr.length,
		u8arr = new Uint8Array(n);
		while (n--) {
			u8arr[n] = bstr.charCodeAt(n);
		}
		return new Blob([u8arr],  {
			type: mime,
		});
	},
//Blob对象转blob地址url
let blobUrl = window.URL.createObjectURL(blob);//blob地址

// base64转File
const file = this.dataURLtoFile(base64, 'test2.png')
dataURLtoFile(dataurl, filename) { 
	    var arr = dataurl.split(','),
	    mime = arr[0].match(/:(.*?);/)[1],
	    bstr = atob(arr[1]),
	    n = bstr.length,
	    u8arr = new Uint8Array(n);
	    while (n--) {
	        u8arr[n] = bstr.charCodeAt(n);
	    }
	    return new File([u8arr], filename, { type: mime });
	},

// file转base64
const Base64 = await this.fileToBase64(file)
	    fileToBase64(file) {
	      return new Promise(function (resolve, reject) {
	        const reader = new FileReader();
	        let imgResult = "";
	        reader.readAsDataURL(file);
	        reader.onload = function () {
	          imgResult = reader.result;
	        };
	        reader.onerror = function (error) {
	          reject(error);
	        };
	        reader.onloadend = function () {
				console.log('fileToBase64fileToBase64')
	          resolve(imgResult);
	        };
	      });
	    },