uni-app uni.chooseImage crop参数在ios上选择图片后黑屏

uni-app uni.chooseImage crop参数在ios上选择图片后黑屏

示例代码:

uni.chooseImage({ count: 1, crop:{width:100,height:100}, success: function (res) { let filepath=res.tempFilePaths[0]; console.log(filepath) } });


## 操作步骤:

1. 

## 预期结果:

IOS正常使用

## 实际结果:

Android正常,IOS黑屏

## bug描述:

uni.chooseImage API在ios上使用参数crop选择图片后黑屏,在Android上正常,
开发环境 版本号 项目创建方式
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 windows10
手机系统 iOS
手机系统版本号 iOS 15
手机厂商 苹果
手机机型 iPhone XR
页面类型 nvue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app uni.chooseImage crop参数在ios上选择图片后黑屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

23 回复

有些照片会黑屏,不是所有

更多关于uni-app uni.chooseImage crop参数在ios上选择图片后黑屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html


试了不同的图片都会出现这个情况

不加 crop iOS 会黑屏吗? 能看一下图片格式吗?

不加 crop不会出现黑屏,图片的格式为jpg

我也刚刚遇到这个问题了,安卓端正常,IOS相册里面前273张图片也正常,IOS从相册第274张图片开始就黑屏了。如果用户想选早期的图片就选择不到了。很难受还不知道怎么解决。

回复 3***@qq.com: 哦哦哦 我知道我的问题出在哪里了 原来手机相册从274张开始 275 276.。。。。等等的图片在IOS的iCloud的云端呢。从相册把图片点开一次,IOS系统就从云端下载下来了,然后在uniapp这边上传就正常了

不加 crop 不会黑屏

好 我跟一下

回复 天生DR: https://ask.dcloud.net.cn/question/144207 这个问题下个版本能修复吗,这个返回结果里面没有adcode,实际开发中这个地区编码很重要啊

我试了好几天了 没复现你的问题啊

把上面的代码放在3.4.7正式版环境ios就会复现

回复 e***@163.com: 我试了没复现啊 这个图片是手机刚拍没多久的嘛?

遇到了同样的问题,看社区里面一直有人提这个问题,这个问题什么时候可以解决一下呢?

回复 1***@163.com: 能稳定复现吗?

我遇到的问题是IOS前273张图片正常 从274张图开始就黑屏了

请问这个问题有解决吗?

Bug已确认 部分icloud 图片时会这样 下个版本修复

我这边的ios的 拍照后进入裁剪 然后点击x关闭之后会重新进入拍照界面 然后就卡住拍照的话就是黑屏的 这个怎么解决啊?

回复 安安静静是女神: 哪个版本的?

回复 天生DR: 何时修复呢,现在还有这个问题,确实是ios icloud 的图片会有这个问题,有替代方案吗

回复 我不是漫游: 已经修复了啊 icloud图片 没问题了吧

回复 天生DR: 我这边也有这个问题,拍照完进入裁剪页面,点击左下角的x,返回至重新拍照,会直接卡住,快速点拍照直接黑屏了,能解答下怎么处理吗?HbuilderX 3.96。

在使用 uni.chooseImage 方法时,如果在 iOS 设备上选择图片后出现黑屏问题,通常与 crop 参数的使用有关。crop 参数用于裁剪图片,但在某些情况下,可能会导致 iOS 设备上出现黑屏或其他异常行为。

可能的原因及解决方案:

  1. crop 参数不兼容

    • crop 参数在某些 iOS 设备上可能不兼容,导致黑屏问题。
    • 解决方案:尝试不使用 crop 参数,或者使用其他方式实现图片裁剪功能。
  2. 图片尺寸过大

    • 如果选择的图片尺寸过大,可能会导致处理过程中出现黑屏。
    • 解决方案:在 uni.chooseImage 方法中设置 sizeType 参数为 ['compressed'],以选择压缩后的图片。
  3. 系统或框架 Bug

    • 可能是 uni-app 框架或 iOS 系统本身的 Bug。
    • 解决方案:确保 uni-app 框架和 HBuilderX 开发工具是最新版本,或者尝试使用其他图片选择插件。
  4. 异步处理问题

    • 图片选择和处理过程中可能存在异步问题,导致黑屏。
    • 解决方案:确保在 success 回调中正确处理图片数据,避免异步操作导致的异常。

示例代码:

uni.chooseImage({
  count: 1, // 默认9
  sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
  sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  success: function (res) {
    // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
    var tempFilePaths = res.tempFilePaths;
    // 处理图片
    // ...
  },
  fail: function (err) {
    console.log('选择图片失败', err);
  }
});
回到顶部