<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>
1***@qq.com
- 发布：2025-11-13 11:29
- 更新：2025-11-13 11:29
- 阅读：15
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windwows11
HBuilderX类型： 正式
HBuilderX版本号： 4.86
手机系统： Android
手机系统版本号： Android 15
手机厂商： 华为
手机机型： 红米note11
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
使用最新版HBuilderX 基于默认模板，创建vue2项目 ，不勾选uniapp x。然后将示例代码复制到/pages/index/index.vue
使用最新版HBuilderX 基于默认模板，创建vue2项目 ，不勾选uniapp x。然后将示例代码复制到/pages/index/index.vue
预期结果：
裁剪后，输出裁剪后的图片路径
裁剪后，输出裁剪后的图片路径
实际结果：
裁剪后，又回到了图片选择界面
裁剪后，又回到了图片选择界面
bug描述：
uni.chooseImage方法存在问题，当使用crop参数时，裁剪完照片后，不会结束，而是返回选择图片界面，再次选择，进入裁切界面，点击右下角的对号按钮，又返回图片选择界面。
百分百复现
0 个回复