base64 image dynimically binding in angular 

​

html-

          <img src="data:{{item.productImages[0].mime}};base64,{{item.productImages[0].base64Image}}" class="card-img-top">

​

​

//product obj:

{

  "id": 1026,

  "name": "Horizon Organic Shelf-Stable 1% Low Fat Milk Boxes, Strawberry, 8 oz., 18 Pack",

  "descriptions": "REAL, ORGANIC MILK ON-THE-GO: Single-serve strawberry milk boxes are great for lunchboxes and on-the-go snacking.\nSHELF STABLE MILK: Ultra-pasteurized (UHT) milk for easy, non-refrigerated storage.\nORGANIC GOODNESS: Certified USDA Organic milk from happy cows raised by our trusted farmer partners.\nNON-GMO MILK from cows that are given no antibiotics, persistent pesticides, or added hormones*.\nPROVIDES MANY NUTRIENTS including calcium, vitamin A, and 8g of protein in every Horizon milk box.",

  "price": 9,

  "availableSince": "2022-03-26T00:00:00",

  "isActive": true,

  "categoryId": 10,

  "productImages": [

    {

      "id": 1045,

      "base64Image": "/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkJCggKCAsLCQsKCwsLDhAMCg

      "mime": "image/jpeg",

      "imageName": "milk-1.jpg",

      "productId": 1026,

      "isActive": true

    }

  ]

}