Phone Gap camera orientation

Question

I have developed an app using Phone Gap version 0.9.3...

When I open camera in my app ,it always opens in landscape mode and, on capture, the image is returned in landscape format...

How can I change the mode of camera to portrait

navigator.camera.getPicture(onsuccess, fail, {quality: 45,destinationType : Camera.DestinationType.DATA_URL, sourceType: src},img_id);

function onsuccess(imageData) {
    localStorage.setItem("image_captured","Yes");
    $('#'+imgID).attr('src', 'data:image/jpeg;base64,' + imageData);
    $("#"+imgID+"_IMG").attr('src', 'data:image/jpeg;base64,' + imageData);
}

In manifest i had mention:

<activity android:name="com.android.camera.Camera"
    android:screenOrientation="portrait">
</activity>

Please help me in this...

i had created an custom plugin for spinner.. this plugin is not working in the 1.0 or above.. so had fixed to 0.9.3 where my plugin is working fine.. — Sandeep P, Mar 28 '12 at 07:30
http://stackoverflow.com/questions/9841742/selection-option-in-phonegap-not-working-proper .. this is an another issue in my app.. — Sandeep P, Mar 28 '12 at 07:34
i think u'll have to find a way of making spinner work with 1.0 first. there have been loads of changes since 0.9.3 difficult o debug' — ghostCoder, Mar 28 '12 at 08:16
ya version is changed to 1.4.1 .. same problem with camera.... — Sandeep P, Mar 28 '12 at 08:25

score 18 · Answer 1 · answered Nov 25 '13 at 11:03

18

Try this : correctOrientation: true

function getPhoto(source) {

    navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 30, 
    destinationType: destinationType.FILE_URI,
    sourceType: source,
    correctOrientation: true });

}

answered Nov 25 '13 at 11:03

Akhilesh Kumar

849
1
15
28

2

correctOrientation is currently ignored on most devices (android included) – Per Hornshøj-Schierbeck Aug 15 '14 at 08:03
@PerHornshøj-Schierbeck I'm also facing the issue that a picture taken in portrait mode is returned in landscape mode when trying to display it in HTML right after the picture has been taken. How do you fix that? "correctOrientation" does not help and seems to be ignored (Emulator/Nexus and Galaxy S3), that's true... – Philipp Rieber Aug 15 '14 at 15:34
@PerHornshøj-Schierbeck Thanks, I've also added a solution - for me the "correctOrientation" parameter works just fine now. – Philipp Rieber Aug 17 '14 at 11:57

score 7 · Accepted Answer · answered Apr 17 '12 at 17:45

7

photo orientation is not stored when returning an image in base64 format (all EXIF data is stripped).

You should use the accelerometer or screen orientation to "know" if the image was taken in portrait or landscape and then display it accordingly.

answered Apr 17 '12 at 17:45

BigBalli

762
1
6
10

Philipp Rieber · Answer 3 · 2014-08-18T07:33:59.237

6

The "correctOrientation" parameter works fine for me - but only if you're also using the "targetWidth" and "targetHeight" parameters (e.g. set them to "800"). It seems that some devices may not have enough memory to rotate a full resolution picture.

Update: Here's a nice article with useful information about memory, scaling and EXIF issues with the Phonegap Camera code: http://simonmacdonald.blogspot.ca/2012/07/change-to-camera-code-in-phonegap-190.html

edited Aug 18 '14 at 07:33

answered Aug 17 '14 at 11:56

Philipp Rieber

1,531
17
25

Nice find. It still doesn't always work for me setting the sizes though. Could be version related? On 4.3 here... – Per Hornshøj-Schierbeck Aug 18 '14 at 09:22
Thanks, I'm using appgyver and had same problem on Android 4.4, your solution worked (I'm loading the image as data url). – Darko Romanov Feb 22 '15 at 22:54
perfect. correctOrientation parameter works for me along with targetWidth and targetHeight. thanks so much – Sarah Jan 18 '17 at 00:25

score 0 · Answer 4 · answered Aug 16 '14 at 18:45

I've solved my problem my saving as file url instead. The file will be placed in a temporally folder along with correct EXIF data. There might be some devices where you have to manually delete the files when closing the application though.

When referencing the file url instead of the data, the img seem to get displayed correctly.

Phone Gap camera orientation

4 Answers4

Linked