uni-app 安卓端uni.chooseImage如果加了crop则相册选择图片裁剪后无反应

uni-app 安卓端uni.chooseImage如果加了crop则相册选择图片裁剪后无反应

开发环境 版本号 项目创建方式
Windows win11 HBuilderX
产品分类:uniapp/App

PC开发环境操作系统:Windows

PC开发环境操作系统版本号:win11

HBuilderX类型:正式

HBuilderX版本号:4.85

手机系统:Android

手机系统版本号:Android 13

手机厂商:小米

手机机型:红米Note11Tpro

页面类型:vue

vue版本:vue3

打包方式:云端

示例代码:

<template>
<view ref="tabview" class="main">  
<button @click="beforeChooseImage">点击222</button>  
</view>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted, watch, computed } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app'

function beforeChooseImage() {
uni.chooseImage({
count: 1,
crop: {
width: 80,
height: 80
},
success:(e:any)=>{
console.log('选择图片',e);
// setAvatar(e.tempFilePaths[0])
},
fail:(err:any)=>{
console.log('选择图片失败',err);
},
})
}
</script>

<style lang="scss" scoped>
</style>  

操作步骤:

uniapp 安卓端uni.chooseImage如果加了crop则相册选择图片裁剪后无反应

预期结果:

应该能选图片并且裁剪成功

实际结果:

裁剪完成后停留在选择图片的界面




## bug描述:
uniapp 安卓端uni.chooseImage如果加了crop则相册选择图片裁剪后无反应

更多关于uni-app 安卓端uni.chooseImage如果加了crop则相册选择图片裁剪后无反应的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

一样的问题,不加crop裁剪则正常,加了crop裁剪之后就没反应了;

更多关于uni-app 安卓端uni.chooseImage如果加了crop则相册选择图片裁剪后无反应的实战教程也可以访问 https://www.itying.com/category-93-b0.html


官方人员呢 怎么不来修复?

我也遇到了这个 bug,我是 vivo,同事的华为也不行,估计安卓都有问题

hb降到老版本,新版本这个问题好多人都发了

回复 jgj_app: 是的 降级 4.76 可以用了

这是一个已知的uni-app在Android端的兼容性问题。当使用uni.chooseImage并启用crop裁剪功能时,在某些Android机型上会出现裁剪完成后界面卡住无响应的情况。

从你的代码和环境来看,问题主要出现在:

  1. 小米/红米系列Android 13设备对该功能的兼容性支持不佳
  2. HBuilderX 4.85版本可能存在相关bug

临时解决方案:

  1. 移除crop参数,改用单独裁剪方案
uni.chooseImage({
    count: 1,
    success: (e) => {
        // 使用uni.crop进行单独裁剪
        uni.crop({
            src: e.tempFilePaths[0],
            width: 80,
            height: 80,
            success: (res) => {
                console.log('裁剪成功', res);
            }
        });
    }
});
回到顶部