Breaking News: Grepper is joining You.com. Read the official announcement!

base64 image binding

Astro Wolf answered on August 6, 2022 Popularity 2/10 Helpfulness 8/10

answer base64 image binding

base64 image binding

Comment

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
    }
  ]
}

Popularity 2/10 Helpfulness 8/10 Language html

Source: Grepper

Tags: base64 binding html image

Link to this answer
Share Copy Link

Contributed on Aug 06 2022

Astro Wolf

0 Answers Avg Quality 2/10

base64 image binding

Contents

More Related Answers

base64 image binding

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.