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

10 votes247 views1 answer
Online javascript to typescript compiler
TypeScript
0 vote281 views2 answers
Android java loop through all objects in layout
TypeScript
1 vote264 views1 answer
Get posts from selected taxonomy
TypeScript
0 vote278 views1 answer
TypeScript interface for object with arbitrary numeric property names?
TypeScript
0 vote281 views1 answer
Login page react native
TypeScript
0 vote282 views1 answer
How to choose automation over manual testing
TypeScript
0 vote263 views1 answer
Alert angular
TypeScript
0 vote293 views1 answer
Stripe create customer
TypeScript
0 vote267 views1 answer
Do not use "// @ts-ignore" comments because they suppress compilation errors
TypeScript
0 vote292 views3 answers
Convert javascript function to typescript online
TypeScript