在html <img/>标记内插入字节文件

Question

我正在使用Angular 2从后端检索图像。我的回答看起来像那样

{ AcceptRanges: 'bytes',
LastModified: 'Sat, 09 Dec 2017 17:06:46 GMT',
ContentLength: '462882',
ETag: '"c0ff5b060c2da69deff97065d43e3645"',
ContentType: 'application/octet-stream',
Metadata: {},
Body: <Buffer ff d8 ff e0 00 10 4a 46 49 46 00 01 02 00 00 64 00 64 00 00 ff ec 00 11 4475 63 6b 79 00 01 00 04 00 00 00 3c 00 00 ff ee 00 0e 41 64 6f 62 65 00 64 ... > }

我有没有机会直接在html img标签中插入那个东西，或者我应该先把它转换成说base64？提前谢谢。

Answer 1

我建议您在GET-Request设置中使用responseType：ResponseContentType.Blob，然后将其转换为base64编码的源。希望这有帮助

Answer 2

解决方案是使用Base64 Image源，它应该从后端返回编码的base64。 forExample：

img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP//ywAAAAAAQABAAACAUwAOw==";