uni-app uni.chooseImage 裁剪失效,无法输出裁剪后的图片 100%可复现

uni-app uni.chooseImage 裁剪失效,无法输出裁剪后的图片 100%可复现

示例代码:

<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
        <view class="text-area">  
            <text class="title">{{title}}</text>  
            <button @click="caijian">选择并裁剪</button>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            caijian(){  
                uni.chooseImage({  
                    count: 1,  
                    crop: {  
                        width: 800,  
                        height: 800,  
                        resize:false,  
                    },  
                    sourceType: ['album'],  
                    success: (res) => {  
                        console.log(res)  
                    },  
                    complete(e) {  
                        console.log(e)  
                    }     
                });  
            }  
        }  
    }  
</script>  

<style>  
    .content {  
        display: flex;  
        flex-direction: column;  
        align-items: center;  
        justify-content: center;  
    }  

    .logo {  
        height: 200rpx;  
        width: 200rpx;  
        margin-top: 200rpx;  
        margin-left: auto;  
        margin-right: auto;  
        margin-bottom: 50rpx;  
    }  

    .text-area {  
        display: flex;  
        justify-content: center;  
    }  

    .title {  
        font-size: 36rpx;  
        color: #8f8f94;  
    }  
</style>

操作步骤:

使用最新版HBuilderX 基于默认模板,创建vue2项目 ,不勾选uniapp x。然后将示例代码复制到/pages/index/index.vue

预期结果:

裁剪后,输出裁剪后的图片路径

实际结果:

裁剪后,又回到了图片选择界面

bug描述:

uni.chooseImage方法存在问题,当使用crop参数时,裁剪完照片后,不会结束,而是返回选择图片界面,再次选择,进入裁切界面,点击右下角的对号按钮,又返回图片选择界面。 百分百复现

项目信息 描述
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本 windwos11
HBuilderX类型 正式
HBuilderX版本 4.86
手机系统 Android
手机系统版本 Android 15
手机厂商 华为
手机机型 红米note11
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app uni.chooseImage 裁剪失效,无法输出裁剪后的图片 100%可复现的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

会到了图片选择界面,有输出吗?

更多关于uni-app uni.chooseImage 裁剪失效,无法输出裁剪后的图片 100%可复现的实战教程也可以访问 https://www.itying.com/category-93-b0.html


选择图片页面 ==> 裁剪页面 ==> 选择图片页面 没有裁剪后的图片 相册中也没有出现 Android 15 hbx:4.86

请问解决了吗

没解决,不过这帖子倒是有不少,或者降到 4.74版本

回复 jgj_app:谢谢 我降到上一版本吧

回复 jgj_app: 不是4.84吗

回复 4***@qq.com: 你试试吧,有一个论坛我看他是降到 4.74 版本的

回到顶部