/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 vote330 views1 answer
Pattern validator angular
Javascript AngularJS
-1 vote297 views3 answers
Angular 11 on hover
Javascript AngularJS
-1 vote363 views2 answers
Angular loop through array
Javascript AngularJS
0 vote327 views1 answer
Placing card on center in angular flex layout
Javascript AngularJS
0 vote313 views1 answer
Angular loop through key values in map
Javascript AngularJS
3 votes319 views1 answer
Ternary operator angular template
Javascript AngularJS
29 votes413 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
8 votes314 views3 answers
Angular deployment
Javascript AngularJS
0 vote306 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
0 vote310 views1 answer
Command to create custom pipe in angular 6
Javascript AngularJS