将base64转换为打字稿/Angular中的功能性JPEG

Question

我正在浏览器中的静态图像上运行cropperjs（从jpeg格式中从nodejs服务器检索），它返回了基本64中不同图像中的预览。我试图以原始的JPEG格式获取数据并将修改后的图像保存回服务器。 我已经尝试了一些不同的事情，但这是最新的：

saveCroppedImage(){  

     var split = this.imageDestination.split(','); // parsing out data:image/png;base64,
     var croppedImage = split[1];                  // assigning the base64 to a variable
     var blob = new Blob([croppedImage],{type: 'image/jpeg'}); //changing the base64->Blob
     var file = new File([blob],'cropped.jpeg');  //theoretically changing the blob->jpeg
     this.newCroppedImage = file;
}

然后，我将文件上传到服务器，并损坏。

Answer 1

好的，所以我在Interweb的一些帮助下弄清楚了：

这是我必须在文件创建中包含的信息，并且确实必须保持PNG才能工作。

public file = (theBlob: Blob): File =>
    {return new File([theBlob],'croppedImage.png',{lastModified:new 
    Date().getTime(), type:'image/png'}) 
 }

savecroppedimage（）{

    var split = this.imageDestination.split(',');
    console.log(this.imageDestination)
    var croppedImage = split[1]
    this.blob = blobUtil.base64StringToBlob(croppedImage);
    this.newCroppedImage =this.file(this.blob);
    this.onFileChange();

}