Ionic 1.x混合应用中cordova-plugin-camera在Android4.4设备报“No Image Selected”错误

Hey there, let's tackle this camera plugin problem you're facing on older Android devices (4.3/4.4) with your Ionic 1.x app. These legacy Android versions have quirks that newer plugin versions often drop support for, so here are targeted fixes based on your config:

1. Roll Back to a Compatible Plugin Version #

Newer versions of cordova-plugin-camera (like 3.x+) dropped support for Android 4.x entirely. Try downgrading to a version that still works with KitKat/Jelly Bean:

cordova plugin remove cordova-plugin-camera
cordova plugin add cordova-plugin-camera@2.4.1

This version is well-tested with older Android builds and avoids compatibility gaps introduced in later releases.

2. Adjust the destinationType or Fix File Permissions #

The FILE_URI option can trigger permission issues on Android 4.4, where the OS restricts direct file path access. Try one of these:

• Switch to Camera.DestinationType.DATA_URL (returns a base64 string, ideal for smaller images)
• If you need a file URI, ensure your app has the required storage permissions. Add these to your AndroidManifest.xml (or let Cordova handle it via plugin config):

  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
  

3. Disable correctOrientation Temporarily #

The correctOrientation: true flag uses device-specific image processing that can crash on older, less powerful devices. Test your code with this set to false first:

var options = {
  quality: 50,
  mediaType: Camera.MediaType.PICTURE,
  destinationType: Camera.DestinationType.FILE_URI,
  sourceType: Camera.PictureSourceType.CAMERA,
  allowEdit: false,
  encodingType: Camera.EncodingType.JPEG,
  saveToPhotoAlbum: false,
  correctOrientation: false // Disable this for testing
};

If the error goes away, you can handle orientation correction manually via JavaScript image libraries later if needed.

4. Capture Exact Error Details #

You mentioned an error but didn't share the specifics. Add error handling to your camera call to get more context:

navigator.camera.getPicture(
  function(imageURI) {
    // Success logic here
  },
  function(error) {
    console.error('Camera Error:', error);
    alert('Camera failed: ' + (error.message || error));
    // Also check native logs with adb:
    // adb logcat | grep CordovaCamera
  },
  options
);

Running adb logcat on your connected device will show native-level crashes or permission denials that JavaScript can't catch, which is critical for debugging older Android issues.

5. Verify Camera Permissions in Manifest #

Double-check that your AndroidManifest.xml includes the core camera permissions:

<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera" />
<uses-feature android:name="android.hardware.camera.autofocus" />

For Ionic 1.x/Cordova 5.x+, these should be added automatically by the plugin, but sometimes manual fixes are needed for legacy setups.

If none of these steps resolve the issue, share the exact error message from your console or adb logcat output—I can help narrow it down further!

内容的提问来源于stack exchange，提问作者Bruno Peres