base64图片转文件格式文件转base64图片 base64 转成 Blob

最新推荐文章于 2024-11-07 22:30:00 发布

xiaoheisboy

最新推荐文章于 2024-11-07 22:30:00 发布

阅读量490

点赞数

分类专栏：干前端不能不会啊文章标签： javascript

本文链接：https://blog.csdn.net/xiaoheisboy/article/details/117352705

版权

干前端不能不会啊专栏收录该内容

5 篇文章 0 订阅

订阅专栏

base64图片转文件格式文件转base64图片 base64 转成 Blob

废话不多say 上代码

👍记得点赞哦 😄

👇大佬请看👇

base64转图片
base64转图片文件是不能直接转成功的需要将base64 转成 Blob 之后转 File

具体写法：
· base64 转成 Blob

 // dataurl ： base64数据
    baseToBlob(dataurl, filename = '头像.jpg') {
      var arr = dataurl.split(',');
      var mime = arr[0].match(/:(.*?);/)[1];
      var bstr = atob(arr[1]);
      var n = bstr.length;
      var u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n)
      }
      return new Blob([u8arr], { type: mime })
    },

· · Blob 之后转 File

	//theBlob ： Blob数据 fileName：文件名.后缀
	blobToFile(theBlob, fileName){
	let files = new File([theBlob], fileName, {type: 'image/jpeg'})
	theBlob.lastModifiedDate = new Date();
	theBlob.name = fileName;
	return files;
	},

文件转base64

	getFile(file) {
	let that = this;
		this.getBase64(file.raw).then(res => {
		that.imgBase = res
		});
	},
	getBase64(file) {
		return new Promise(function (resolve, reject) {
		let reader = new FileReader();
		let imgResult = "";
		reader.readAsDataURL(file);
			reader.onload = function () {
			imgResult = reader.result;
			};
			reader.onerror = function (error) {
			reject(error);
			};
			reader.onloadend = function () {
			resolve(imgResult);
			};
		});
	},