Camera 3 sample

Hi David, I am at a point where I need to incorporate using a picked photo or taken photo from a phone in the app and am looking at the Camera 3 sample. I figured that I would throw the sample on my phone using Phonegap build to see what it looked like but Phonegap build is giving the error: PhoneGap cli-9.0.0 not supported. Do you think that this is a Phonegap build issue or an AB issue? Cheers, Pete

False alarm, I copied the sample code into my app and it compiled phonegap build with no issue and is working in my app. Cheers, Pete

Well... let us time to try to say something! But glad to know that you got it, Peter. :-)

---

May finally I can say something... but just for your information. Certainly the Camera plugin of Cordova works like a charm, but, if we can use an Input File... maybe it's enough... and doing this, our app can work (at least in this aspect) in all the platforms and browsers. But it's completely up to you and your needs, Peter.

---

But Input File.. have a problem with photo orientation on many device (samsung,huawei,xiaomi,etc.).You need to fix by read exif data in photo to determine what the real orientation is.Camera have a problem too,but can be fix by config.

Hello Tin,

Certainly, sometimes the taken picture must be "fixed" in the server side, for example: I remember that we use some PHP code in order to do it, if anyone is interested, may I can copy it here. The Input file have the advantage of the multiplatform. If we "only" target platforms like Android and iOS, then certainly we can choose whatever we wanted: the Camera plugin or the Input file. Not to mention that we can may use both approaches, determining the platform in which our app is running.

---

Yes, David. Please copy your server side solution too for other people who have the same problem.

For a solution on client side to show image as it expect is to use javascript 'load-image.js' by insert function before image show

var loadingImage = loadImage( image_up, function (img) { //console.log(img); //document.body.appendChild(img); $('#Image1').attr('src', img.toDataURL()); }, { maxWidth: 2000, maxHeight:2000, orientation:true } );

here is a js file that have loadImage function.

http://ultri.top/nfnIX

ref :

https://github.com/blueimp/JavaScript-Load-Image

https://output.jsbin.com/lozonuy/

Hello to all,

Thanks for sharing that stuff here, Tin. Here is a PHP function that can be used for uploaded images. Unfortunatelly I can't credit the author of the code. I did not remember where I get... or where I get the idea, at least... I remember I modify it a bit... :-(

/** * This function can be used when the app take the pictures from the * input file, and not the Cordova's Camera plugin. * */ function correctImage($image_file_path) { $info = getimagesize($image_file_path); $mime = $info['mime']; switch ($mime) { case 'image/jpeg': $image_create_func = 'imagecreatefromjpeg'; $image_save_func = 'imagejpeg'; $new_image_ext = 'jpg'; break; case 'image/png': $image_create_func = 'imagecreatefrompng'; $image_save_func = 'imagepng'; $new_image_ext = 'png'; break; case 'image/gif': $image_create_func = 'imagecreatefromgif'; $image_save_func = 'imagegif'; $new_image_ext = 'gif'; break; default: return false; } $img = $image_create_func($image_file_path); $exif = exif_read_data($image_file_path); if (!empty($exif['Orientation'])) { switch ($exif['Orientation']) { case 3: $img = imagerotate($img, 180, 0); break; case 6: $img = imagerotate($img, -90, 0); break; case 8: $img = imagerotate($img, 90, 0); break; } } list($width, $height) = getimagesize($image_file_path); $tmp = imagecreatetruecolor($width, $height); imagecopyresampled($tmp, $img, 0, 0, 0, 0, $width, $width, $width, $height); return $image_save_func($tmp, $image_file_path); }

---