Displaying image buffer from S3 in Angular view

I am trying to display an image I fetched from S3 in my angular view.
I am getting the image as buffer from S3.

I have tried passing the buffer as img src but that did not help me in displaying image.

import * as AWS from 'aws-sdk';
import * as S3 from 'aws-sdk/clients/s3';

  selector: "app-Mycomp",
  templateUrl: "mycomp.component.html"

export class MyComponent implements OnInit {
  imageSrc : any;
 ngOnInit() {

displayMyFile() {
    let accessKeyId = MyAccessKey
    let secretAccessKey = MySecretAccessKey;
    let region = MyRegion;
    AWS.config.update({ accessKeyId: accessKeyId, secretAccessKey: secretAccessKey, region: region });
    let s3 = new AWS.S3({ apiVersion: version });
    const params = {
      Bucket: 'aNewBucket',
      Key: 'image.jpg'
    s3.getObject(params, (err,data) => {
      if (err) console.log(`Error in fetching image ${err}`)
      else {
        console.log(`data from s3 ${(JSON.stringify(data))}`);
       this.imageSrc = data.Body


<img id = 'img1' src="data:image/jpg;{{imageSrc}}">

The data logged is like following :


As it is seen that the image buffer is fetched.
Can anyone please suggest what is the correct way to implement this.

Source: New feed
Source Url Displaying image buffer from S3 in Angular view