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

3 votes130 views1 answer
Adonis validator optional
TypeScript
0 vote144 views1 answer
Flutter allow user to select text
TypeScript
0 vote134 views1 answer
HOW TO DROP ALL TABLES WITH THEIR CONSTRAINTS AT ONCE IN ORACLE
TypeScript
1 vote138 views1 answer
Ion select active by button
TypeScript
0 vote198 views2 answers
Paths typescript
TypeScript
0 vote140 views1 answer
Beautifulsoup search for elements with attributes
TypeScript
1 vote132 views2 answers
Convert list elements to uppercase python
TypeScript
0 vote135 views1 answer
How to setup netflix workflow worker
TypeScript
1 vote170 views1 answer
Vue router get full string query
TypeScript
0 vote172 views1 answer
Already included file name react tsconfig
TypeScript