Cordova Ios App crashes on Camera Access

Question

I am creating a Cordova application in Windows(due to unavailability of Mac) using JQuery for IOs and remote building on Phonegap cloud. but the issue is when i try getting image from camera of my iPhone(Os v-11.3) through cordova-plugin-camera the app crashes.

config.xml:

<plugin name="cordova-plugin-camera" spec="~2.1.1">
        <variable name="CAMERA_USAGE_DESCRIPTION" value="App want to access your camera" />
        <variable name="PHOTOLIBRARY_USAGE_DESCRIPTION" value="App want to access your camera to upload images" />

 </plugin>

 <platform name="ios">
        <icon height="57" platform="ios" src="www/res/icon/ios/icon.png" width="57" />
........
........
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
              <edit-config target="NSCameraUsageDescription" file="*-Info.plist" mode="merge">
                <string>need camera access to take pictures</string>
            </edit-config>
            <edit-config target="NSPhotoLibraryUsageDescription" file="*-Info.plist" mode="merge">
                <string>need photo library access to get pictures from there</string>
            </edit-config>
            <edit-config target="NSLocationWhenInUseUsageDescription" file="*-Info.plist" mode="merge">
                <string>need location access to find things nearby</string>
            </edit-config>
            <edit-config target="NSPhotoLibraryAddUsageDescription" file="*-Info.plist" mode="merge">
                <string>need photo library access to save pictures there</string>
            </edit-config>

    </platform>

JS:

 function accessCamera(){
        var options =  setOptions(Camera.PictureSourceType.CAMERA);
        getPic(options);
    }
function setOptions(srcType) {
        var options = {
            // Some common settings are 20, 50, and 100
            quality: 50,
            destinationType: Camera.DestinationType.FILE_URI,
            // In this app, dynamically set the picture source, Camera or photo gallery
            sourceType: srcType,
            encodingType: Camera.EncodingType.JPEG,
            mediaType: Camera.MediaType.PICTURE,
            allowEdit: true,
            correctOrientation: true  //Corrects Android orientation quirks
        }
        return options;
    }



  function getPic(options){
        console.log(Camera.PictureSourceType);
        console.log("SourceTye: "+options.sourceType);
        try{
            navigator.camera.getPicture(function cameraSuccess(imageUri) {
               // $('#main_img').attr('src', imageUri);
               setAndUploadPic(imageUri);

            }, function cameraError(error) {
            console.debug("Unable to obtain picture: " + error, "app");

            }, options);
        }catch(err){
           // $('#exp').text(err.message);
        }

    }

but as soon as I access camera my app crashes.

Answer 1

If you run in simulator on xcode and take a look on consolle you are able to see what happend. In my experience problem is related to plist setting of NsCameraUsageDescription, in consolle exist a specific error for this when app crash. Try to add this lines to plugin.xml of camera plugin instead of that posted above:

 <config-file target="*-Info.plist" parent="NSCameraUsageDescription">
     <string>For take user photo and upload photos.</string>
 </config-file>

 <preference name="PHOTOLIBRARY_USAGE_DESCRIPTION" default=" " />
 <config-file target="*-Info.plist" parent="NSPhotoLibraryUsageDescription">
     <string>For upload photos.</string>
 </config-file>

 <config-file target="*-Info.plist" parent="NSLocationWhenInUseUsageDescription">
     <string>need location access to find things nearby</string>
 </config-file>