uni-app uni.chooseImage(OBJECT) ios 本地打包出现的bug

uni-app uni.chooseImage(OBJECT) ios 本地打包出现的bug

类别 信息
产品分类 uniapp/App
PC开发环境 Mac
PC开发环境版本 14
手机系统 iOS
手机系统版本 iOS 17
手机厂商 苹果
手机机型 11
页面类型 nvue
Vue版本 vue3
打包方式 离线
项目创建方式 CLI
CLI版本号 3.9

示例代码：

uni.chooseImage({
count: 1,
crop: {
width: 200,
height: 200
},
success({ tempFilePaths }) {
console.log(tempFilePaths[0]);
props.data.avatar = tempFilePaths[0]
}
})

操作步骤：

  • ios本地打包

预期结果：

  • 显示正常

实际结果：

  • 图标缺失

bug描述：

下面是调用的代码展示，uni.chooseImage使用crop参数剪切，出现底部两边的icon消失不见，安卓正常，IOS异常

示例图片1 示例图片2


更多关于uni-app uni.chooseImage(OBJECT) ios 本地打包出现的bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

我也遇到了这个问题，请问怎么解决的？

更多关于uni-app uni.chooseImage(OBJECT) ios 本地打包出现的bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在使用 uni-app 的 uni.chooseImage(OBJECT) 方法时，如果在 iOS 本地打包过程中遇到问题，可能是由于以下几个原因导致的。以下是一些常见的排查步骤和解决方案：

1. 权限问题

  • 问题描述: 在 iOS 上，使用 uni.chooseImage 需要访问相册或摄像头的权限。如果应用没有正确配置权限，可能会导致无法选择图片或拍照。
  • 解决方案:
    • 确保在 Info.plist 文件中添加了以下权限：
      <key>NSPhotoLibraryUsageDescription</key>
<string>我们需要访问您的相册以选择图片</string>
<key>NSCameraUsageDescription</key>
<string>我们需要访问您的摄像头以拍摄照片</string>
<key>NSMicrophoneUsageDescription</key>
<string>我们需要访问您的麦克风以录制视频</string>
    • 这些权限描述会显示在用户首次使用相关功能时的提示框中。

2. 插件或模块未正确配置

  • 问题描述: 如果使用了某些插件或模块来处理图片选择或拍照功能，可能会因为插件未正确配置或版本不兼容导致问题。
  • 解决方案:
    • 确保所有相关插件都已正确安装和配置。
    • 检查 manifest.json 文件，确保相关模块和插件已启用。
    • 如果使用了第三方插件，检查插件的文档，确保其兼容当前的 uni-app 版本。

3. iOS 本地打包环境问题

  • 问题描述: 如果本地打包环境（如 Xcode 或 CocoaPods）配置不正确，可能会导致某些功能无法正常工作。
  • 解决方案:
    • 确保 Xcode 已正确安装并配置。
    • 确保 CocoaPods 依赖已正确安装，并且 Podfile 文件配置正确。
    • 清理并重新构建项目：
      cd ios
pod install
xcodebuild clean
xcodebuild -workspace YourProject.xcworkspace -scheme YourScheme -configuration Release

4. uni-app 版本问题

  • 问题描述: 如果使用的 uni-app 版本较旧，可能存在某些已知的 bug 或兼容性问题。
  • 解决方案:
    • 升级 uni-app 到最新版本，确保使用的是最新的稳定版。
    • 检查 uni-app 的更新日志，查看是否有相关的 bug 修复或改进。

5. 代码问题

  • 问题描述: 可能是代码逻辑或参数配置不正确导致的问题。
  • 解决方案:
    • 检查 uni.chooseImage 的调用代码，确保参数配置正确。
    • 例如，确保 count、sourceType 等参数配置合理：
      uni.chooseImage({
    count: 1,
    sourceType: ['album', 'camera'],
    success: function(res) {
        console.log('图片路径：', res.tempFilePaths[0]);
    },
    fail: function(err) {
        console.error('选择图片失败：', err);
    }
});
回到顶部