Salvar imagem da tela PNG em armazenamento HTML5 (JAVASCRIPT)?
stou desenvolvendo uma extensão do Chrom
Abri um arquivo de imagem no canvas, aplico algumas alterações e estou tentando salvá-lo na API do sistema de arquivos HTML
Primeiro, recebo o dataURL da tela:
var dataURL = canvas.toDataURL('image/png;base64');
Em seguida, apenas os dados:
var image64 = dataURL.replace(/data:image\/png;base64,/, '');
Então eu faço um Blob.
var bb = new BlobBuilder();
bb.append(image64);
var blob = bb.getBlob('image/png');
Então solicito o sistema de arquivos com a seguinte função onInitFs ();
function onInitFs(fs) {
fs.root.getFile('image.png', {create: true}, function(fileEntry) {
// Create a FileWriter object for our FileEntry (log.txt).
fileEntry.createWriter(function(fileWriter) {
//WRITING THE BLOB TO FILE
fileWriter.write(blob);
}, errorHandler);
}, errorHandler);
}
window.requestFileSystem(window.PERSISTENT, 5*1024*1024, onInitFs, errorHandler);
Isso resulta em um arquivo corrompido sendo gravado no sistema de arquivo
Não sei mais o que posso fazer para que isso funcion
lguém poderia me guiar na direção cert
A seguir, estão algumas das fontes das funções que estou usando para realizar esta taref
http: //dev.w3.org/html5/canvas-api/canvas-2d-api.html#todataurl-metho
http: //www.html5rocks.com/en/tutorials/file/filesystem/#toc-file-creatingempt
Obrigado