Este não é exatamente o cenário do OP, mas uma resposta a alguns dos comentadores. É uma solução baseada em Cordova e Angular 1, que deve ser adaptável a outros frameworks como jQuery. Ele fornece um Blob de dados Base64 que você pode armazenar em algum lugar e referenciá-lo do lado do cliente javascript / html.
Ele também responde à pergunta original sobre como obter uma imagem (arquivo) dos dados de Base 64:
A parte importante é a conversão de Base 64 - Binária:
function base64toBlob(base64Data, contentType) {
contentType = contentType || '';
var sliceSize = 1024;
var byteCharacters = atob(base64Data);
var bytesLength = byteCharacters.length;
var slicesCount = Math.ceil(bytesLength / sliceSize);
var byteArrays = new Array(slicesCount);
for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
var begin = sliceIndex * sliceSize;
var end = Math.min(begin + sliceSize, bytesLength);
var bytes = new Array(end - begin);
for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
bytes[i] = byteCharacters[offset].charCodeAt(0);
}
byteArrays[sliceIndex] = new Uint8Array(bytes);
}
return new Blob(byteArrays, { type: contentType });
}
O fatiamento é necessário para evitar erros de falta de memória.
Funciona com arquivos jpg e pdf (pelo menos foi o que testei). Deve funcionar com outros mimetypes / contenttypes também. Verifique os navegadores e suas versões que você deseja, eles precisam ser compatíveis com Uint8Array, Blob e atob.
Este é o código para gravar o arquivo no armazenamento local do dispositivo com Cordova / Android:
...
window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, function(dirEntry) {
var filename = attachment.id + "-" + (attachment.fileName ? attachment.fileName : 'image') + "." + (attachment.fileType ? attachment.fileType : "jpg");
dirEntry.getFile(filename, { create: true, exclusive: false }, function(fileEntry) {
var binary = base64toBlob(attachment.document, attachment.mimetype);
writeFile(fileEntry, binary).then(function() {
attachment.document = fileEntry.nativeURL;
}, function(error) {
WL.Logger.error("Error writing local file: " + error);
reject(error.code);
});
}, function(errorCreateFile) {
WL.Logger.error("Error creating local file: " + JSON.stringify(errorCreateFile));
reject(errorCreateFile.code);
});
}, function(errorCreateFS) {
WL.Logger.error("Error getting filesystem: " + errorCreateFS);
reject(errorCreateFS.code);
});
...
Gravando o próprio arquivo:
function writeFile(fileEntry, dataObj) {
return $q(function(resolve, reject) {
fileEntry.createWriter(function(fileWriter) {
fileWriter.onwriteend = function() {
WL.Logger.debug(LOG_PREFIX + "Successful file write...");
resolve();
};
fileWriter.onerror = function(e) {
WL.Logger.error(LOG_PREFIX + "Failed file write: " + e.toString());
reject(e);
};
if (!dataObj) {
dataObj = new Blob(['missing data'], { type: 'text/plain' });
}
fileWriter.write(dataObj);
});
})
}
Estou usando as versões mais recentes do Cordova (6.5.0) e dos plug-ins:
Espero que isso coloque todos aqui na direção certa.