vue2.0_base64类型的数据转为Blob类型的封装和使用

首先

在src下的新建的utils文件夹中新建一个index.js文件，将封装的代码写入：

/**
 * base64数据转为Blob
 * @ {String} base64数据
 * @return {Object} Blob
 */
function dataURLtoBlob(base64Data) {
  let tmp = base64Data.split(',');
  if (tmp.length === 2) { // 如果base64包含头部的话，去掉base64的头
    tmp.shift()
  }
  var bytes = window.atob(tmp) // 转换为byte;
  // 处理异常,将ascii码小于0的转换为大于0
  var ab = new ArrayBuffer(bytes.length);
  var ia = new Uint8Array(ab);
  for (var i = 0; i < bytes.length; i++) {
    ia[i] = bytes.charCodeAt(i)
  }
  return new window.Blob([ab], {type: 'application/octet-stream'})
}

//将封装的方法导出
export{
	dataURLtoBlob
}

最后

封装好方法之后，在页面中引入，方法中调用即可。

import { dataURLtoBlob } from '@/utils'