/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 vote136 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
0 vote117 views1 answer
How to pass data in body of delete request angular
Javascript AngularJS
0 vote120 views1 answer
Angular material dropdown menu
Javascript AngularJS
1 vote128 views1 answer
Create an array of numbers by numbers range in angular
Javascript AngularJS
0 vote127 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
0 vote126 views1 answer
Angular chart js legend position
Javascript AngularJS
1 vote114 views1 answer
Emit resize event in angular
Javascript AngularJS
0 vote117 views1 answer
Propriedades checkbox angular
Javascript AngularJS
0 vote129 views1 answer
Download xml file asp.net web api and angularjs
Javascript AngularJS
0 vote108 views1 answer
Angularjs format number thousands separator
Javascript AngularJS