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

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

废话不多say 上代码

👍记得点赞哦 😄

👇大佬请看👇

  1. 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;
	},
  1. 文件转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);
			};
		});
	},

都看👓完了,就👍1️⃣👇吧

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值