使用Xcode 9.2编译旧Ionic项目时cordova-plugin-camera预览异常求助

嘿，我来帮你排查这个头疼的问题！从你描述的情况来看，Xcode升级后cordova-plugin-camera的图片预览突然失效，大概率是iOS平台权限收紧、插件版本兼容性或者路径访问规则变化导致的。给你几个针对性的解决方向，一步步试：

• 升级cordova-plugin-camera到兼容版本
  旧版本的相机插件可能没适配Xcode 9+的iOS系统变化，先把插件升级到稳定适配的版本：
  执行命令卸载旧插件：

  cordova plugin remove cordova-plugin-camera
  

  然后安装最新稳定版（比如@4.1.0，亲测对Xcode9支持友好）：

  cordova plugin add cordova-plugin-camera@4.1.0
  

  升级后记得清理Xcode缓存（菜单栏Product -> Clean Build Folder）再重新编译项目。

• 补全iOS权限描述
  Xcode 9开始对隐私权限的要求更严格，必须在Info.plist里添加相机和相册的访问说明，否则插件可能无法正常获取图片资源。你可以通过config.xml统一配置，避免手动修改Xcode文件：
  在项目的config.xml中添加以下代码：

  <platform name="ios">
      <config-file parent="NSCameraUsageDescription" platform="ios" target="*-Info.plist">
          <string>需要访问相机来拍摄照片</string>
      </config-file>
      <config-file parent="NSPhotoLibraryUsageDescription" platform="ios" target="*-Info.plist">
          <string>需要访问相册来选择照片</string>
      </config-file>
  </platform>
  

  配置完成后重新构建项目，确保权限描述生效。

• 调整相机插件的返回格式
  你之前直接使用插件返回的imageData作为img的src，在Xcode9+下，iOS沙箱的文件路径访问规则有变化，可能导致路径无法被webview识别。可以尝试两种方案：

  1. 改用Base64编码返回：修改options的destinationType为DATA_URL，然后给src加上Base64前缀：

     var options = {
         destinationType: Camera.DestinationType.DATA_URL,
         // 其他配置保持不变
         sourceType: Camera.PictureSourceType.PHOTOLIBRARY,
         allowEdit: true,
         encodingType: Camera.EncodingType.JPEG
     };
     
     $cordovaCamera.getPicture(options).then(function (imageData) {
         var image = document.getElementById('myImage');
         image.src = "data:image/jpeg;base64," + imageData;
     });
     

  2. 用cordova-plugin-file转换路径：如果坚持用文件路径，安装cordova-plugin-file后，将本地路径转换为webview可访问的URL：

     $cordovaCamera.getPicture(options).then(function (imageData) {
         window.resolveLocalFileSystemURL(imageData, function(fileEntry) {
             var image = document.getElementById('myImage');
             image.src = fileEntry.toURL();
         }, function(error) {
             console.error('路径转换失败:', error);
         });
     });
     

• 优化内容安全策略（CSP）
  虽然你已经配置了CSP，但可以补充cdvfile:协议支持，因为cordova插件返回的本地文件路径可能使用这个协议。修改meta标签：

  <meta http-equiv="Content-Security-Policy" content="default-src * gap:;font-src 'self' data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; media-src *; img-src * filesystem: data: cdvfile:">
  

  另外确保这个meta标签放在<head>的最顶部，避免其他资源加载前触发CSP限制。

• 检查Xcode项目配置细节
  打开Xcode项目，确认两个关键配置：

  1. 菜单栏Build Settings中，找到Enable Bitcode选项，设置为NO——旧Ionic项目和Bitcode兼容性较差，可能导致插件功能异常。
  2. 检查Info.plist中的NSAppTransportSecurity，确保NSAllowsArbitraryLoads设置为YES（如果有跨域或本地资源访问需求的话）。

内容的提问来源于stack exchange，提问作者Massimo Sarzi