/TypeScript/Converting an image to base64 in 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)

Similar codes

4 votes309 views2 answers
Angular get route url
TypeScript
0 vote342 views1 answer
The marking menu shortcuts to context-sensitive commands and tools. Marking menu accessed for objects:
TypeScript
0 vote361 views1 answer
Typescript recursive partial
TypeScript
33 votes378 views4 answers
Typescript remove element from array
TypeScript
0 vote337 views1 answer
Unresolved import requests python
TypeScript
0 vote324 views1 answer
Embed python in html
TypeScript
1 vote309 views1 answer
Firefox hsts clear
TypeScript
34 votes371 views3 answers
Serverless.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
0 vote345 views3 answers
Typescript with babel
TypeScript
0 vote315 views1 answer
Pretty print json file cmd
TypeScript