base64图片格式转换

1. base64转换为 blob

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

2. base64转换为 file 文件流

	// 将base64转换为file   dataurl: base64地址
    base64toFile (dataurl, filename = 'file') {
      let arr = dataurl.split(',')
      let mime = arr[0].match(/:(.*?);/)[1]
      let suffix = mime.split('/')[1]
      let bstr = atob(arr[1])
      let n = bstr.length
      let u8arr = new Uint8Array(n)
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n)
      }
      return new File([u8arr], `${filename}.${suffix}`, {
        type: mime
      })
    },

3. 获取blob 及 file

	let base64Src= src;
	var type = "image/png"; // 定义图片类型(canvas转的图片一般都是png,也可以指定其他类型)
   	let conversions = this.base64ToBlob(file, type); // 调用base64转图片方法
   	window.URL = window.URL || window.webkitURL; //blob对象转换为blob-url
   	
   	let blob = window.URL.createObjectURL(conversions); // blob 地址
   	let files = this.base64toFile(base64Src); // file文件流
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值