/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 vote98 views2 answers
Angular detect navigation change
Javascript AngularJS
0 vote99 views1 answer
Install aos angular 10
Javascript AngularJS
0 vote128 views1 answer
Check textbox value on ng-change value == in angular
Javascript AngularJS
0 vote105 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
0 vote99 views1 answer
Reuse jquery angular
Javascript AngularJS
0 vote107 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS
55 votes212 views2 answers
Angular start command
Javascript AngularJS
17 votes110 views2 answers
Angular random number between 1 and 10
Javascript AngularJS
3 votes108 views1 answer
Angular map
Javascript AngularJS
0 vote104 views1 answer
Ip address validation regex angular
Javascript AngularJS