Breaking News: Grepper is joining You.com. Read the official announcement!

angular download image base64

serhii.nahornyi answered on February 2, 2022 Popularity 9/10 Helpfulness 4/10

answer angular download image base64

related how to use base64 image in angular

angular download image base64

Comment

//1 step
const convertBase64ToFile = (base64String, fileName) => {
     let arr = base64String.split(',');
     let mime = arr[0].match(/:(.*?);/)[1];
     let bstr = atob(arr[1]);
     let n = bstr.length;
     let uint8Array = new Uint8Array(n);
     while (n--) {
        uint8Array[n] = bstr.charCodeAt(n);
     }
     let file = new File([uint8Array], fileName, { type: mime });
     return file;
}

//2 step
npm i --save-dev @types/file-saver

//3 step
import { saveAs } from 'file-saver';

//4 step
const downloadBase64Data = (base64String, fileName) => {
     let file = convertBase64ToFile(base64String, fileName);
     saveAs(file, fileName);
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular base64 download image javascript

Link to this answer
Share Copy Link

Contributed on Feb 02 2022

serhii.nahornyi

0 Answers Avg Quality 2/10

Closely Related Answers

how to use base64 image in angular

Comment

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

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Feb 24 2022

Nickton

0 Answers Avg Quality 2/10

angular download image base64

Contents

More Related Answers

angular download image base64

Closely Related Answers

how to use base64 image in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.