在Angular 2中将图像转换为base64

Question

我正在尝试在编辑信息时显示图像，但无法做到。我收到服务器的响应。

ÿØÿàJFIFÿÛC

％＃，＃＆amp;'）*） - 0-（0％（）（ÿÛC

我想将此响应转换为Base64，以便我可以处理，但不知道如何转换它。

谁能告诉我怎么做？

我试图这样做但不起作用..

response => {
console.log('Media',response)
let base64Data: string;
let reader = new FileReader();
reader.readAsDataURL(response);
reader.onloadend = () => {
  base64Data = reader.result;
  this.previewURL = this.sanitizer.bypassSecurityTrustUrl(base64Data);

};

Answer 1

您似乎在发布的代码中做了正确的事情。可能是您从服务器获取的数据已损坏。

如需帮助，您可以查看我为您创建的示例工作小提琴here。

您可以用小提琴中的自己的数据替换base64Data并尝试验证它。