Actualmente estoy tratando de usar este complemento cordova en una aplicación de Android para recortar imágenes después de cargarlas. El README dice que se use así:
plugins.crop(function success () { }, function fail () { }, '/path/to/image', options)Desafortunadamente, no tengo mucha experiencia en JavaScript, así que lo cansé de esta manera:
handleCropPress: function () { var oImage = this.byId("image"); var srcImage = oImage.getSrc(); plugins.crop(function success () { }, function fail () { }, srcImage) }¿Alguna idea de por qué no funciona? Muchas gracias de antemano :)
¿Dónde está tu código getPicture? ambos deberían trabajar de la mano... intenta algo como esto...
// Supongo que ha llamado a lo siguiente después de instalar cordova-plugin-camera y cordova-plugin crop , así que ahora escriba un evento onClick en un botón para llamar a la siguiente línea en una función
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { correctOrientation: true, targetWidth: 1024, targetHeight: 1024, destinationType: destinationType.FILE_URI });// Ahora en onPhotoDataSuccess obtenga la URL de la imagen... la que la API está devolviendo desde destinationType.FILE_URI
function onPhotoDataSuccess(imageData) { plugins.crop.promise(imageData) .then(function success(imageFinal) { // Success. alert(imageFinal); //alert to see if you are getting the path var picPreviewBox = document.getElementById('picPreviewBox'); //create an img tag with src="" and assign an ID named picPreviewBox or anything you feel like and call that id in the above line picPreviewBox.style.display = 'block'; // //picPreviewBox.src = "data:image/jpeg;base64," + image; picPreviewBox.src = imageFinal; //$("#picPreviewBox").html('<img src="data:image/jpeg;base64,'+image+'" width="100%"/>'); }) .catch(function fail(err) { // fail $.alert("Seems your phone resources are too low to proceed further"); }); }