Skip to content
Todo se AprendeAyuda y trucos para programación
  • Home
  • Categorías
    • Debian
    • JS
    • PHP
    • WordPress
    • MySql
    • Cordova

Upload cordova via ajax

04/04/2019 0 comments Article JS, Cordova

Como subir una imagen desde cordova via ajax

/**
 * Función para pasar una imagen formato url a BLOB (objeto)
 * @param {string} pathImage
 */
var loadImage = function(pathImage) {
    return new Promise(function(resolve, reject) {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", pathImage, true);
        xhr.responseType = "blob";
        xhr.onload = function (e) {
            // console.log(this.response);
            // var reader = new FileReader();
            // reader.onload = function(event) {
            //     var res = event.target.result;
            //     // console.log(res)
            // };
            // var file = this.response;
            // reader.readAsDataURL(file);
            resolve(this.response);
        };
        xhr.send();
    });
};
$('.take-foto').on('click',function(){
  var options = {
    encodingType:       0,
    quality:            60,
    destinationType:    Camera.DestinationType.FILE_URI,
    correctOrientation: true,
    targetWidth:        4000,
    targetHeight:       3000
  };

  navigator.camera.getPicture(savePicture, onFailCamara, options);
})

Como utilizar la función

function savePicture (imageURI){
// Si queremos mostrar la imagen
var img = $('<div class="image"><img src="'+imageURI+'"></div>'); 

  loadImage(imageURI).then(function(imageBlob){
    var dataSend = new FormData();
    dataSend.append("upload",1);
    dataSend.append("photo", imageBlob);

    $.ajax({
      method: "POST",
      cache: false,
      contentType: false,
      processData: false,
      url: _url_,
      data: dataSend,

    })
    .done(function(data) {
      console.log(data);
    })
    .fail(function( jqxhr, textStatus, error ) {
      console.log(error)
    });
  },function(){
    console.log('error');
  });
}
0 0 vote
Article Rating
Tags: ajax, cordova, cordova camera, cordova get picture, cordova upload, javascript, jquery, upload
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments

Entradas recientes

  • Tabla SQL población España
  • Validar DNI (NIF), CIF, NIE
  • Table tr collapsible Jquery
  • Build Tree to flat array PHP
  • Build Tree Array PHP

Categorías

  • Cordova
  • Debian
  • JS
  • MySql
  • PHP
  • Sin categoría
  • WordPress

Archivos

Copyright Todo se Aprende 2021 | Theme by ThemeinProgress | Proudly powered by WordPress

wpDiscuz
Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúa utilizando este sitio asumiremos que está de acuerdo.Estoy de acuerdoLeer más