Guardando fotos - CGastrell/phonegap GitHub Wiki

var deviceReady = $.Deferred();
var jqmReady = $.Deferred();
var documentReady = $.Deferred();

$(document).on("ready", function() {
  documentReady.resolve();
});

$(document).on("deviceready", function() {
  deviceReady.resolve();
});

$(document).on("mobileinit", function () {
  jqmReady.resolve();
});
//cuando los 3 se resuelvan, ejecutar init()
$.when(deviceReady, jqmReady, documentReady).then(init);

function init() {
  // Configuracion de JQM para phonegap
  $.mobile.allowCrossDomainPages = true;
  $.support.cors = true;
  $.mobile.buttonMarkup.hoverDelay = 0;
  $.mobile.pushStateEnabled = false;
  $.mobile.defaultPageTransition = "none";

  //inicializamos la funcion de la camara y el fileApi
  camara.initialize();
  fileApi.initialize();
}

var camara = {
  metodo1: function() { alert('Hola'); },
  metodo2: function() { alert('Chau'); }
}

var camara = {
  metodo1: function() { alert('metodo correcto'); },
  metodo2 = function() { alert('metodo erroneo, eleva un error y detiente la ejecucion') }
//^^^^^^^^^^^^^^^^^^^^
}

var camara = {
  initialize: function() {
    if(localStorage.galeria) {
      $.each(JSON.parse(localStorage.galeria), function(i,e){
        camara.addPictureToGallery(e.path);
      });
    }else{
      localStorage.galeria = JSON.stringify([]);
    }
    $('#sacarFoto').on('click', camara.sacarFoto);
  },

  sacarFoto: function() {
    var options = {
      destinationType : Camera.DestinationType.DATA_URL,
      sourceType : Camera.PictureSourceType.CAMERA,
      saveToPhotoAlbum: true
    };

    navigator.camera.getPicture(camara.onDataUrlSuccess, camara.onError, options);
  },

  onDataUrlSuccess: function(imageData) {
    //en cuanto empieza esta funcion
    //mostramos un "loading" o spinner
    $.mobile.loading('show');

    //traigo la galeria del localStorage y la parseo
    var fotos = JSON.parse(localStorage.galeria);

    //genero un id para la imagen, sirve de filename tambien
    var id = 'img_' + parseInt(Math.random() * 1000000);

    //escribo la imagen y a la vuelta agrego el id:path al storage
    fileApi.writeJpeg(id + '.jpg', imageData, function(jpegPath){
      //con el id y el path, hago un objeto y lo agregamos al array
      fotos.push({name:id, path: jpegPath});
      
      //por ultimo convertimos el array en string
      //y lo volvemos a almacenar en localStorage
      localStorage.galeria = JSON.stringify(fotos);

      //agregamos la imagen a la galeria (HTML)
      camara.addPictureToGallery(jpegPath);
    });
  },

  addPictureToGallery: function(image) {
    var pic = $('<img />')
      .addClass('picThumb')
      .attr('src', image)
      .appendTo('.galeria');

    pic.click(function(e){
      $('#fotoView img').first().attr('src',image);
      $('body').pagecontainer('change','#fotoView');
    });
    $.mobile.loading('hide');
  },
  onError: function(message){
    console.log(arguments);
    alert('Error: ' + message);
  }
}

var fileApi = {
  initialize: function(){
    window.resolveLocalFileSystemURL(cordova.file.externalDataDirectory, fileApi.onDir, fileApi.onError);

    $('#grabarArchivo').click(function(){
      fileApi.writeTextFile('test.txt', 'texto de prueba', function(data){
        alert('Escribi '+data+' en test.txt');
      });
    });

    $('#leerArchivo').click(function(){
      fileApi.readTextFile('test.txt', function(data){
        $('.fileContent').text('Contenido del archivo: '+data);
      });
    });
  },
  onDir: function(directoryEntry) {
    fileApi.dir = directoryEntry;
  },
  onError: function(err) {
    alert(err.code);
  },
  writeTextFile: function(file, content, callback) {
    var onFile = function(fileEntry) {
      fileEntry.createWriter(function(fileWriter){
        fileWriter.write(content);
        callback && callback(content);
      }, fileApi.onError);
    }
    fileApi.dir.getFile(file, {create: true}, onFile, fileApi.onError);
  },
  readTextFile: function(file, callback) {
    var onFile = function(fileEntry) {
      //convierte el fileEntry en un fileObject
      fileEntry.file(function(fileObject){
        var reader = new FileReader();
        reader.onloadend = function(){
          callback && callback(this.result);
        }
        reader.readAsText(fileObject);
      });
    }
    fileApi.dir.getFile(file, {create:false}, onFile, fileApi.onError);
  },
  writeJpeg: function(fileName, base64content, callback) {
    var onFile = function(fileEntry) {
      fileEntry.createWriter(function(fileWriter){
        var blob = b64toBlob(base64content,'image/jpeg');
        fileWriter.onwriteend = function(){
          console.log(this);
          callback && callback(fileEntry.nativeURL);
        }
        fileWriter.write(blob);
      }, fileApi.onError);
    }
    fileApi.dir.getFile(fileName, {create: true}, onFile, fileApi.onError);
  }
}

function b64toBlob(b64Data, contentType, sliceSize) {
  contentType = contentType || '';
  sliceSize = 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;
}