Uploaded image for project: 'Apache Cordova'
  1. Apache Cordova
  2. CB-1540

camera image is rotated 90 degrees left when destinationType is FILE_URI

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Critical
    • Resolution: Cannot Reproduce
    • 2.1.0
    • 2.8.0
    • cordova-wp7 (DEFUNCT)
    • wp7 emulator w/ all service packs & hotfixes installed, also on nokia lumia 900 w/ wp7.5 & all service packs and updates installed

    Description

      When the sourceType is Camera and destinationType is FILE_URI and the FILE_URI is used as the src of an img tag the img that is rendered is rotated 90 degrees left.

      Using the camera api as a basis for my code (http://docs.phonegap.com/en/2.1.0/cordova_camera_camera.md.html#Camera)

      I created a simple app that does the following:

      • click a button
      • camera is opened
      • photo is captured
      • FILE_URI returned from getPicture is used as SRC attribute of an img tag
      • image is rendered on screen

      An interesting note is that if you use the base64 data that is returned - the image is NOT displayed in the proper orientation.

      The uri that is being returned is from the camera cache. When sourceType is set to Photolibrary - the file uri that is returned points to the photo album (not the camera cache) AND the image is rendered properly.

      This code can be used to reproduce the issue:
      function capturePhoto() {

      // original sample - renders base64 data to screen
      // navigator.camera.getPicture(onPhotoDataSuccess, onFail,

      { quality: 50, // destinationType: destinationType.DATA_URL // }

      );

      // sample that causes image to be rotated...
      navigator.camera.getPicture(onPhotoURISuccess, onFail,

      { quality: 50, destinationType: destinationType.FILE_URI //, saveToPhotoAlbum: true }

      );
      }

      Attachments

        1. index.html
          5 kB
          Cedric Bertolasio

        Activity

          People

            purplecabbage Jesse MacFadyen
            cbertolasio Cedric Bertolasio
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: