TYPESCRIPT

converting an image to base64 in angular

// 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)

base64 to image angular

this.imagePath = this._sanitizer.bypassSecurityTrustResourceUrl('data:image/jpg;base64,' 
                 + toReturnImage.base64string);

how to use base64 image in angular

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

base64 to image angular

constructor(private _sanitizer: DomSanitizer) { }

convert base64 formatted data to image using AngularJs

$http({
        method: 'GET',
        url: '/Home/GetEmployeeDetail',
        params: { ID: $scope.PersonID }
    }).then(function (result) {
        var base64 = result.data.Image;
  
        $scope.img = base64;

base64 to image angular

<img [src]="imagePath">

base64 to image angular

import { DomSanitizer } from '@angular/platform-browser';