/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 vote276 views1 answer
Cannot create an instance of an abstract class httphandler angular
Javascript AngularJS
0 vote258 views1 answer
Click binding angular 8
Javascript AngularJS
0 vote284 views1 answer
Firebase timestamp to date angular
Javascript AngularJS
0 vote268 views1 answer
Loader service show hide unit test angular
Javascript AngularJS
0 vote224 views1 answer
Angular notifier
Javascript AngularJS
1 vote260 views1 answer
Angular validators number only in reactive form
Javascript AngularJS
2 votes272 views1 answer
Password validation in angular
Javascript AngularJS
6 votes248 views2 answers
Ionic angular change page route
Javascript AngularJS
0 vote269 views1 answer
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.
Javascript AngularJS
0 vote318 views1 answer
Angular material datepicker range get value
Javascript AngularJS