/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

18 votes259 views2 answers
Check angular version
Javascript AngularJS
0 vote251 views1 answer
Apply custom border color in angular material
Javascript AngularJS
-1 vote223 views1 answer
Angular 11 support versions nodejs
Javascript AngularJS
16 votes281 views6 answers
Generate a component in angular
Javascript AngularJS
1 vote246 views4 answers
Angular 9 features
Javascript AngularJS
0 vote251 views1 answer
How we can use pagination in angular material and spring boot
Javascript AngularJS
27 votes274 views3 answers
Setup new angular project
Javascript AngularJS
12 votes223 views5 answers
Fontawesome angular
Javascript AngularJS
10 votes217 views6 answers
Refresh page angular
Javascript AngularJS
15 votes271 views3 answers
Angular input decimal pipe
Javascript AngularJS