0 Replies Latest reply on Dec 20, 2016 3:22 PM by olo11602739

    Issue with open camera on ios

    olo11602739

      I start developing on Windows. I creating applications on Phonegap. Main part of app is open camera and save picture, on Android everything working perfectly but on iPhone camera not open.

       

      Installed plugins:

      cordova-plugin-battery-status 1.1.2 "Battery"

      cordova-plugin-camera 2.1.1 "Camera"

      cordova-plugin-compat 1.1.0 "Compat"

      cordova-plugin-console 1.0.5 "Console"

      cordova-plugin-contacts 2.0.1 "Contacts"

      cordova-plugin-device 1.1.4 "Device"

      cordova-plugin-device-motion 1.2.3 "Device Motion"

      cordova-plugin-device-orientation 1.0.5 "Device Orientation"

      cordova-plugin-dialogs 1.2.1 "Notification"

      cordova-plugin-file 4.3.1 "File"

      cordova-plugin-file-transfer 1.5.1 "File Transfer"

      cordova-plugin-geolocation 2.1.0 "Geolocation"

      cordova-plugin-globalization 1.0.5 "Globalization"

      cordova-plugin-inappbrowser 1.3.0 "InAppBrowser"

      cordova-plugin-media 2.2.0 "Media"

      cordova-plugin-media-capture 1.2.0 "Capture"

      cordova-plugin-network-information 1.2.1 "Network Information"

      cordova-plugin-splashscreen 3.2.2 "Splashscreen"

      cordova-plugin-statusbar 2.1.3 "StatusBar"

      cordova-plugin-vibration 2.1.3 "Vibration"

      cordova-plugin-whitelist 1.2.2 "Whitelist"

       

      config.xml file:

       

      <widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.phonegap.skattfradrag" version="1.0.0">

        <name>Skatt Fradrag</name>

        <description>Test application for RisingBear</description>

        <author href="http://phonegap.com" email="support@phonegap.com">oleg</author>

        <content src="index.html"/>

        <preference name="DisallowOverscroll" value="true"/>

        <preference name="android-minSdkVersion" value="14"/>

        <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1"/>

        <plugin name="cordova-plugin-camera" source="npm" spec="~2.1.1"/>

        <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2"/>

        <plugin name="cordova-plugin-contacts" source="npm" spec="~2.0.1"/>

        <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1"/>

        <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2"/>

        <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-file" source="npm" spec="~4.1.1"/>

        <plugin name="cordova-plugin-file-transfer" source="npm" spec="~1.5.0"/>

        <plugin name="cordova-plugin-geolocation" source="npm" spec="~2.1.0"/>

        <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3"/>

        <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0"/>

        <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0"/>

        <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0"/>

        <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1"/>

        <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2"/>

        <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.0"/>

        <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1"/>

        <platform name="android">

          <icon src="www/res/icon/android/drawable-ldpi-icon.png" density="ldpi"/>

          <icon src="www/res/icon/android/drawable-mdpi-icon.png" density="mdpi"/>

          <icon src="www/res/icon/android/drawable-hdpi-icon.png" density="hdpi"/>

          <icon src="www/res/icon/android/drawable-xhdpi-icon.png" density="xhdpi"/>

          <icon src="www/res/icon/android/drawable-xxhdpi-icon.png" density="xxhdpi"/>

          <icon src="www/res/icon/android/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>

          <splash src="www/res/screen/android/drawable-land-ldpi-screen.png" density="land-ldpi"/>

          <splash src="www/res/screen/android/drawable-land-mdpi-screen.png" density="land-mdpi"/>

          <splash src="www/res/screen/android/drawable-land-hdpi-screen.png" density="land-hdpi"/>

          <splash src="www/res/screen/android/drawable-land-xhdpi-screen.png" density="land-xhdpi"/>

          <splash src="www/res/screen/android/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>

          <splash src="www/res/screen/android/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>

          <splash src="www/res/screen/android/drawable-port-ldpi-screen.png" density="port-ldpi"/>

          <splash src="www/res/screen/android/drawable-port-mdpi-screen.png" density="port-mdpi"/>

          <splash src="www/res/screen/android/drawable-port-hdpi-screen.png" density="port-hdpi"/>

          <splash src="www/res/screen/android/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>

          <splash src="www/res/screen/android/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>

          <splash src="www/res/screen/android/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>

        </platform>

        <platform name="ios">

          <icon src="www/res/icon/ios/icon.png" platform="ios" width="57" height="57"/>

          <icon src="www/res/icon/ios/icon@2x.png" platform="ios" width="114" height="114"/>

          <icon src="www/res/icon/ios/icon-40.png" platform="ios" width="40" height="40"/>

          <icon src="www/res/icon/ios/icon-40@2x.png" platform="ios" width="80" height="80"/>

          <icon src="www/res/icon/ios/icon-50.png" platform="ios" width="50" height="50"/>

          <icon src="www/res/icon/ios/icon-50@2x.png" platform="ios" width="100" height="100"/>

          <icon src="www/res/icon/ios/icon-60.png" platform="ios" width="60" height="60"/>

          <icon src="www/res/icon/ios/icon-60@2x.png" platform="ios" width="120" height="120"/>

          <icon src="www/res/icon/ios/icon-60@3x.png" platform="ios" width="180" height="180"/>

          <icon src="www/res/icon/ios/icon-72.png" platform="ios" width="72" height="72"/>

          <icon src="www/res/icon/ios/icon-72@2x.png" platform="ios" width="144" height="144"/>

          <icon src="www/res/icon/ios/icon-76.png" platform="ios" width="76" height="76"/>

          <icon src="www/res/icon/ios/icon-76@2x.png" platform="ios" width="152" height="152"/>

          <icon src="www/res/icon/ios/icon-small.png" platform="ios" width="29" height="29"/>

          <icon src="www/res/icon/ios/icon-small@2x.png" platform="ios" width="58" height="58"/>

          <icon src="www/res/icon/ios/icon-small@3x.png" platform="ios" width="87" height="87"/>

          <splash src="www/res/screen/ios/Default-568h@2x~iphone.png" platform="ios" width="640" height="1136"/>

          <splash src="www/res/screen/ios/Default-667h.png" platform="ios" width="750" height="1334"/>

          <splash src="www/res/screen/ios/Default-736h.png" platform="ios" width="1242" height="2208"/>

          <splash src="www/res/screen/ios/Default-Landscape-736h.png" platform="ios" width="2208" height="1242"/>

          <splash src="www/res/screen/ios/Default-Landscape@2x~ipad.png" platform="ios" width="2048" height="1536"/>

          <splash src="www/res/screen/ios/Default-Landscape~ipad.png" platform="ios" width="1024" height="768"/>

          <splash src="www/res/screen/ios/Default-Portrait@2x~ipad.png" platform="ios" width="1536" height="2048"/>

          <splash src="www/res/screen/ios/Default-Portrait~ipad.png" platform="ios" width="768" height="1024"/>

          <splash src="www/res/screen/ios/Default@2x~iphone.png" platform="ios" width="640" height="960"/>

          <splash src="www/res/screen/ios/Default~iphone.png" platform="ios" width="320" height="480"/>

        </platform>

        <platform name="wp8">

          <icon src="www/res/icon/wp8/ApplicationIcon.png" platform="wp8" width="99" height="99"/>

          <icon src="www/res/icon/wp8/Background.png" platform="wp8" width="159" height="159"/>

          <splash src="www/res/screen/wp8/screen-portrait.jpg" platform="wp8" width="768" height="1280"/>

        </platform>

        <platform name="windows">

          <icon src="www/res/icon/windows/Square150x150Logo.scale-100.png" platform="windows" width="150" height="150"/>

          <icon src="www/res/icon/windows/Square30x30Logo.scale-100.png" platform="windows" width="30" height="30"/>

          <icon src="www/res/icon/windows/StoreLogo.scale-100.png" platform="windows" width="50" height="50"/>

          <splash src="www/res/screen/windows/SplashScreen.scale-100.png" platform="windows" width="620" height="300"/>

          <icon src="www/res/icon/windows/StoreLogo.scale-240.png" platform="windows" width="120" height="120"/>

          <icon src="www/res/icon/windows/Square44x44Logo.scale-100.png" platform="windows" width="44" height="44"/>

          <icon src="www/res/icon/windows/Square44x44Logo.scale-240.png" platform="windows" width="106" height="106"/>

          <icon src="www/res/icon/windows/Square70x70Logo.scale-100.png" platform="windows" width="70" height="70"/>

          <icon src="www/res/icon/windows/Square71x71Logo.scale-100.png" platform="windows" width="71" height="71"/>

          <icon src="www/res/icon/windows/Square71x71Logo.scale-240.png" platform="windows" width="170" height="170"/>

          <icon src="www/res/icon/windows/Square150x150Logo.scale-240.png" platform="windows" width="360" height="360"/>

          <icon src="www/res/icon/windows/Square310x310Logo.scale-100.png" platform="windows" width="310" height="310"/>

          <icon src="www/res/icon/windows/Wide310x150Logo.scale-100.png" platform="windows" width="310" height="150"/>

          <icon src="www/res/icon/windows/Wide310x150Logo.scale-240.png" platform="windows" width="744" height="360"/>

          <splash src="www/res/screen/windows/SplashScreenPhone.scale-240.png" platform="windows" width="1152" height="1920"/>

        </platform>

        <access origin="*"/>

        <allow-intent href="http://*/*"/>

        <allow-intent href="https://*/*"/>

        <allow-intent href="tel:*"/>

        <allow-intent href="sms:*"/>

        <allow-intent href="mailto:*"/>

        <allow-intent href="geo:*"/>

        <platform name="android">

          <allow-intent href="market:*"/>

        </platform>

        <platform name="ios">

          <allow-intent href="itms:*"/>

          <allow-intent href="itms-apps:*"/>

        </platform>

        <feature name="http://api.phonegap.com/1.0/geolocation"/>

        <feature name="Camera">

            <param name="ios-package" value="CDVCamera" />

        </feature>

        <feature name="http://api.phonegap.com/1.0/file"/>

        <feature name="http://api.phonegap.com/1.0/camera"/>

      </widget>

       

      js code:

       

      capturePhoto: function() {

              navigator.camera.getPicture(app.onPhotoDataSuccess, app.onFail, {

                  quality: 25,

                  destinationType: Camera.DestinationType.DATA_URL

              });

          },

        

      onPhotoDataSuccess: function(imageData) {

              app.uploadImage(imageData);

      },

       

      onFail: function(message) {

              navigator.notification.alert(message, null, "Message", "Close");

      },

       

      uploadImage: function(imageData) {       

              jQuery.ajax({

                  type: "POST",

                  url: app.site_url,

                  data: {img_data:imageData},

                  cache: false,

                  contentType: "application/x-www-form-urlencoded",

                  success: function (result) {

                      navigator.notification.alert(result, null, "Message", "Ok");

                  }

              });

      },