/Javascript/AngularJS/Base64 to image angular

Base64 to image angular

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

-1

Source: stackoverflow.com

Base64 to image angular

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

-1

Source: stackoverflow.com

Base64 to image angular

constructor(private _sanitizer: DomSanitizer) { }

-1

Source: stackoverflow.com

Base64 to image angular

<img [src]="imagePath">

-1

Source: stackoverflow.com

Similar codes

0 vote176 views1 answer
Angular get class list for element
Javascript AngularJS
1 vote185 views1 answer
Emit resize event in angular
Javascript AngularJS
0 vote191 views1 answer
Angular material slide effect button click
Javascript AngularJS
0 vote230 views1 answer
Httpclientmodule is not an angular module
Javascript AngularJS
0 vote228 views1 answer
Angular material datepicker range get value
Javascript AngularJS
7 votes207 views4 answers
Angular firebase
Javascript AngularJS
0 vote184 views1 answer
Update angular materia;
Javascript AngularJS
1 vote187 views1 answer
Angular validators number only in reactive form
Javascript AngularJS
0 vote218 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
10 votes210 views2 answers
Make service in angular 8
Javascript AngularJS