Ionic save base64 as file

let UUID = 'empleado-' + (new Date().getTime()).toString(16);

// imagen = data:image/jpeg;base64,/9j/4........
    let realData = imagen.split(",")[1];
    let blob = this.b64toBlob(realData, 'image/jpeg');

    this.file.checkDir(this.file.externalApplicationStorageDirectory, 'DirectorioFotos')
        .then(_ => {
          this.file.writeFile(this.file.externalApplicationStorageDirectory + 'DirectorioFotos/', UUID + '.jpg', blob).then(response => {
            // ACTION
          }).catch(err => {
            // ACTION
          })
        })
        .catch(err => {
          this.file.createDir(this.file.externalApplicationStorageDirectory, 'DirectorioFotos', false).then(result => {
            this.file.writeFile(this.file.externalApplicationStorageDirectory + 'DirectorioFotos/', UUID + '.jpg', blob).then(response => {
              // ACTION
            }).catch(err => {
              // ACTION
            })
          })
        });
 
 //convert base64 to blob
 b64toBlob(b64Data, contentType) {
    contentType = contentType || '';
    var sliceSize = 512;
    var byteCharacters = atob(b64Data);
    var byteArrays = [];

    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
      var slice = byteCharacters.slice(offset, offset + sliceSize);

      var byteNumbers = new Array(slice.length);
      for (var i = 0; i < slice.length; i++) {
        byteNumbers[i] = slice.charCodeAt(i);
      }

      var byteArray = new Uint8Array(byteNumbers);

      byteArrays.push(byteArray);
    }

    var blob = new Blob(byteArrays, {type: contentType});
    return blob;
  }

Similar codes

4 votes150 views3 answers
Flutter unfocus textfield
TypeScript
1 vote138 views1 answer
Next api typescript
TypeScript
4 votes161 views2 answers
Ionic 3 alert css custom
TypeScript
0 vote142 views1 answer
How to calculate power of hypothesis test
TypeScript
25 votes185 views4 answers
Filter typescript
TypeScript
0 vote135 views1 answer
Echarts is not defined
TypeScript
0 vote137 views1 answer
Pass data through router angular
TypeScript
1 vote131 views1 answer
Should robots have faces?
TypeScript
0 vote153 views1 answer
The method 'MultiHeaders.set' has fewer named arguments than those of overridden method 'HttpHeaders.set'.
TypeScript
1 vote142 views1 answer
Check if file.properties is exits android
TypeScript