[JavaScript知识库]实现base64转换为Blob再上传

实现base64转换为Blob再上传

直接上代码

/** 
  * 根据base64 内容 取得 bolb 
  * 
  * @param dataURI 
  * @returns Blob 
*/
getBlobBydataURI(dataURI, type) {
  var binary = atob(dataURI.split(',')[1]);
  var array = [];
  for (var i = 0; i < binary.length; i++) {
    array.push(binary.charCodeAt(i));
  }
  return new Blob([new Uint8Array(array)], { type: type });
},
/** 
  * 上传 
*/
base64Upload(base64, url) {
  // base64 转 blob 
  var $Blob = this.getBlobBydataURI(base64, 'image/png');
  var formData = new FormData();
  formData.append("file", $Blob, "avatar.png");
  // 组建XMLHttpRequest 上传文件 
  var request = new XMLHttpRequest();
  // 上传连接地址 
  request.open("POST", url);
  // return new Promise((resolve, reject) => {
  request.onreadystatechange = function () {
    if (request.readyState == 4) {
      if (request.status == 200) {
        console.log("上传成功", request);
      } else {
        console.log("上传失败,检查上传地址是否正确", request);
      }
    }
  }
  // })
  request.send(formData);
}