/Javascript/AngularJS/Angular download image base64

Angular download image base64

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

Similar codes

0 vote366 views1 answer
Angular dinamic disabled
Javascript AngularJS
10 votes341 views3 answers
Pipe of date angular
Javascript AngularJS
7 votes315 views2 answers
How to assign port in angular
Javascript AngularJS
0 vote328 views1 answer
Material icon button angular
Javascript AngularJS
2 votes340 views2 answers
If 'router-outlet' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
0 vote373 views1 answer
Angular rxjs-compat is uptodate
Javascript AngularJS
3 votes342 views1 answer
Ternary operator in angular
Javascript AngularJS
0 vote336 views1 answer
Add icon to angular
Javascript AngularJS
0 vote287 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
0 vote324 views1 answer
@angular/[email protected] node_modules/@angular/common @angular/common@"11.2.1" from the root project
Javascript AngularJS