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

how to use base64 image in angular

Add Answer

Nickton answered on September 17, 2021 Popularity 9/10 Helpfulness 4/10

answer how to use base64 image in angular

related converting an image to base64 in angular

related angular download image base64

how to use base64 image in angular

Comment

[src]="this.domSanitizer.bypassSecurityTrustResourceUrl('data:image/*;base64,' + base64String)"

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular base64 image javascript

Link to this answer
Share Copy Link

Contributed on Feb 24 2022

Nickton

0 Answers Avg Quality 2/10

Closely Related Answers

converting an image to base64 in angular

Comment

// works like charm in pdfMake and angular
//You can use this function to create generate a base64 image

        toDataURL = async (url) => {
        console.log("Downloading image...");
        var res = await fetch(url);
        var blob = await res.blob();
    
        const result = await new Promise((resolve, reject) => {
          var reader = new FileReader();
          reader.addEventListener("load", function () {
            resolve(reader.result);
          }, false);
    
          reader.onerror = () => {
            return reject(this);
          };
          reader.readAsDataURL(blob);
        })
    
        return result
      };

// and then call it like this

    imageSrcString = await this.toDataURL(imageSrc)

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Sep 17 2021

Vivacious Vendace

0 Answers Avg Quality 2/10

angular download image base64

Comment

//1 step
const convertBase64ToFile = (base64String, fileName) => {
     let arr = base64String.split(',');
     let mime = arr[0].match(/:(.*?);/)[1];
     let bstr = atob(arr[1]);
     let n = bstr.length;
     let uint8Array = new Uint8Array(n);
     while (n--) {
        uint8Array[n] = bstr.charCodeAt(n);
     }
     let file = new File([uint8Array], fileName, { type: mime });
     return file;
}

//2 step
npm i --save-dev @types/file-saver

//3 step
import { saveAs } from 'file-saver';

//4 step
const downloadBase64Data = (base64String, fileName) => {
     let file = convertBase64ToFile(base64String, fileName);
     saveAs(file, fileName);
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Feb 02 2022

serhii.nahornyi

0 Answers Avg Quality 2/10

how to use base64 image in angular

Contents

More Related Answers

how to use base64 image in angular

Closely Related Answers

converting an image to base64 in angular

angular download image base64

Grepper

Documentation

Social

Legal

Contact

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