uni-app中uni.chooseImage存在bug

uni-app中uni.chooseImage存在bug

uni.chooseImage选择图片，第一次选择拒绝后后面就算点允许了也不会弹出选择图片，就点击没反应，成功和失败都不走，控制台会报 Unhandled promise rejectionTypeError: Cannot read property 'length' of undefined

1 回复

更多关于uni-app中uni.chooseImage存在bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在处理 uni-app 中 uni.chooseImage 方法可能存在的 bug 时，首先需要明确具体的 bug 表现。然而，由于您没有提供具体的 bug 描述，我将假设一些常见的 uni.chooseImage 问题，并提供相应的代码案例和解决方案。

1. 图片选择后无法正确显示

有时在选择图片后，图片可能无法正确显示或加载。这通常与文件路径处理有关。

解决方案： 确保你正确处理了返回的文件路径，并将其绑定到页面的 image 组件上。

uni.chooseImage({
    count: 9,
    sizeType: ['original', 'compressed'],
    sourceType: ['album', 'camera'],
    success: (res) => {
        const tempFilePaths = res.tempFilePaths;
        this.setData({
            images: tempFilePaths
        });
    },
    fail: (err) => {
        console.error('chooseImage failed:', err);
    }
});

页面代码：

<view>
    <block wx:for="{{images}}" wx:key="index">
        <image src="{{item}}" mode="widthFix"></image>
    </block>
</view>

2. 在 Android 上选择图片后应用崩溃

这个问题可能与 Android 权限或内存管理有关。

解决方案： 确保在 manifest.json 中正确配置了必要的权限，并在代码中检查和处理内存使用。

manifest.json：

"mp-weixin": {
    "appid": "YOUR_APPID",
    "permission": {
        "scope.userLocation": {
            "desc": "你的位置信息将用于小程序相册选择功能"
        }
    }
}

（注意：这里以微信小程序为例，其他平台配置类似，但权限描述可能不同）

3. 图片选择后无法上传

如果选择图片后上传失败，可能是由于文件大小限制或服务器配置问题。

解决方案： 检查服务器端的文件上传限制，并确保上传代码正确。

上传代码示例：

uni.uploadFile({
    url: 'YOUR_UPLOAD_URL',
    filePath: this.data.images[0],
    name: 'file',
    formData: {
        user: 'test'
    },
    success: (uploadFileRes) => {
        console.log('uploadFile success:', uploadFileRes);
    },
    fail: (err) => {
        console.error('uploadFile failed:', err);
    }
});

请注意，以上代码仅作为示例，实际开发中可能需要根据具体需求和平台调整。如果遇到具体的 bug，建议查阅 uni-app 官方文档或社区，以获取更详细的解决方案。

回到顶部