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

2 votes214 views1 answer
Style mat-dialog-container
TypeScript
0 vote213 views1 answer
How to set date axes limits in matplotlib plot
TypeScript
0 vote195 views1 answer
Property 'kName' does not exist on type '{}'
TypeScript
3 votes204 views3 answers
Cannot find module typescript
TypeScript
0 vote182 views1 answer
Stats splunk many fields
TypeScript
2 votes204 views1 answer
Loaded because running scripts is disabled on this s
TypeScript
3 votes186 views2 answers
What is typescript
TypeScript
0 vote198 views1 answer
Cast string react
TypeScript
76 votes329 views6 answers
Running scripts is disabled on this system
TypeScript
1 vote219 views1 answer
Typescript how to add a property to an object
TypeScript