uni-app 小米手机选择本地图片黑屏卡顿 无法实现上传图片

uni-app 小米手机选择本地图片黑屏卡顿 无法实现上传图片

开发环境 版本号 项目创建方式
Windows 10 HBuilderX
# 操作步骤:

·<u-upload :action="action" :file-list="fileList" [@on-success](/user/on-success)='successUpLoad'
[@on-remove](/user/on-remove)='removeImg'>·

## 预期结果:

正常选择图片,进行上传

## 实际结果:

红米系列k30选择图片黑屏,卡顿

## bug描述:

uni.chooseImage选择本地图片上传时黑屏、卡顿

更多关于uni-app 小米手机选择本地图片黑屏卡顿 无法实现上传图片的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

我的小米max3 也出现类似问题,选择相册的图片时,部分图片是黑的~

更多关于uni-app 小米手机选择本地图片黑屏卡顿 无法实现上传图片的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中使用 uni.chooseImage 在小米/红米手机上出现黑屏、卡顿,通常与以下几个核心原因有关,可以按顺序排查和解决:

  1. 图片尺寸与内存问题(最常见)
    • 原因uni.chooseImage 默认会选择原图,如果用户相册中的图片分辨率过高(如超过2000万像素),在读取、预览时可能导致系统Webview内存暴增,从而引发黑屏、卡顿甚至应用崩溃。小米/红米部分机型对此更为敏感。
    • 解决方案:在调用 uni.chooseImage 时,务必设置 sizeType,强制选择压缩图。
      uni.chooseImage({
          count: 1, // 数量
          sizeType: ['compressed'], // 关键:指定为压缩图
          sourceType: ['album'],
          success: (res) => {
              // 处理 tempFilePaths
              const tempFilePaths = res.tempFilePaths;
              // ... 上传逻辑
          }
      });
回到顶部