将base64字符串转换为角度4的图像

Question

我有一个要求，我使用ng2-image cropper裁剪图像。但输出是base64，我想将其转换为图像源，因为我必须将其发送到某个服务器。 我搜索过，但没有找到与angular 4兼容的东西。

Answer 1

可以使用转换为Blob来完成

dataURItoBlob(dataURI) {
    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: 'image/jpg'
});
}

    enter code here

 var myFile:Blob=this.dataURItoBlob(myDataUri);

Answer 2

请尝试另一种将base64转换为blob的简单方法

   fetch(base64)
    .then(res => {
      return res.blob();
    })
    .then(blob => {
      console.log(blob);
    });