从现有的png获取base64字符串不起作用

Question

我需要来自现有PNG的base64-string（不是URL）（来自文本文档的照片）。

我使用以下函数为我的照片接收base64-String。我回来的字符串是有效的，但如果我在在线解码器中测试它，我会得到这个图像：

imageResult是我DOM中的一个图像元素。出现了什么问题？

JS

var img = this.imageResult.nativeElement;
var ocrImage = this.getBase64Image(img);

getBase64Image(img) {
 var canvas = document.createElement("canvas");
 canvas.width = img.width;
 canvas.height = img.height;
 var ctx = canvas.getContext("2d");
 ctx.drawImage(img, 0, 0);
 var dataURL = canvas.toDataURL("image/png");
 return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}