1***@qq.com
1***@qq.com
  • 发布:2022-04-21 20:30
  • 更新:2022-07-21 15:59
  • 阅读:644

【报Bug】微信小程序webview uni.chooseImage特定机型无法调起

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11家庭中文版 10.0.22000 版本 22000

第三方开发者工具版本号: 1.05.2204180

基础库版本号: 2.23.4

项目创建方式: CLI

CLI版本号: 不知

App下载地址或H5⽹址: https://h5.owoit.com/20220410?-vote_xiaoya_model-release-index-

操作步骤:

此处为网上获取代码

使用colorui写出前端页面

<form>  
    <view class="cu-form-group">  
        <view class="grid col-4 grid-square flex-sub">  
            <view class="bg-img" v-for="(item,index) in imgList" :key="index" @tap="ViewImage" :data-url="imgList[index]">  
             <image :src="imgList[index]" mode="aspectFill"></image>  
                <view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="index">  
                    <text class='cuIcon-close'></text>  
                </view>  
            </view>  
            <view class="solids" @tap="ChooseImage" v-if="imgList.length<4">  
                <text class='cuIcon-cameraadd'></text>  
            </view>  
        </view>  
    </view>  
</form>

使用js调用

<script>  
    export default {  
        data() {  
            return {  
                index: -1,  
                imgList: []  
            };  
        },  
        methods: {  
            ChooseImage() {  
                uni.chooseImage({  
                    count: 4, //默认9  
                    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有  
                    sourceType: ['album'], //从相册选择  
                    success: (res) => {  
                        if (this.imgList.length != 0) {  
                            this.imgList = this.imgList.concat(res.tempFilePaths)  
                        } else {  
                            this.imgList = res.tempFilePaths  
                        }  
                    }  
                });  
            },  
            ViewImage(e) {  
                uni.previewImage({  
                    urls: this.imgList,  
                    current: e.currentTarget.dataset.url  
                });  
            },  
            DelImg(e) {  
                uni.showModal({  
                    title: '召唤师',  
                    content: '确定要删除这段回忆吗?',  
                    cancelText: '再看看',  
                    confirmText: '再见',  
                    success: res => {  
                        if (res.confirm) {  
                            this.imgList.splice(e.currentTarget.dataset.index, 1)  
                        }  
                    }  
                })  
            }  
        }  
    }  
</script>

预期结果:

苹果安卓机型都可以在webview中调起uni.chooseImage

实际结果:

苹果可以,安卓不可以

bug描述:

环境:

微信小程序 使用webview内嵌H5网页

问题:

使用安卓机型在小程序下打开webview中的网页无法调起uni.chooseImage。苹果可以调起

此处为我自己写的方法

uni.chooseImage({  
                count: 3,   
                sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有  
                sourceType: ['album'], //从相册选择  
                success: (res) => {  
                    console.log('选择',res)  
                },fail(err){  
                    uni.showToast({  
                        title: err+'图片类型错误,请重新选择',  
                        icon: 'none'  
                    });  
                }  
            });

使用微信jssdk调用chooseImage无法使用

 this.$wbjwx.chooseImage({  
                count: 1,  
                sizeType: ['original', 'compressed'],  
                sourceType: ['album', 'camera'],  
                success (res) {  
                    // tempFilePath可以作为img标签的src属性显示图片  
                    const tempFilePaths = res.tempFilePaths  
                }  
            })
2022-04-21 20:30 负责人:无 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

就是网页,放到编译的小程序webview中 调用图片 拉不起来 ,然后这个 网页也是用uniapp写的,是这意思么

  • 1***@qq.com (作者)

    网页也是用uniapp写的

    2022-05-06 16:01

8***@qq.com

8***@qq.com

同样我也遇到这个问题了,在百度上看到一个说安卓webview里面调不起来相机拍照,是安卓的webview 没有监听。
不知道怎么解决

  • 1***@qq.com (作者)

    我也看到过,试了没用

    2022-05-06 16:02

小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

如果是webview没有监听的话,这个事只能用原生插件了 没有好的办法 但是我也不确定这个地方是不是 webview监听的问题

  • 1***@qq.com (作者)

    不是很清楚,它只是在特定机型会失效,而且这些特定机型之前是可以正常使用的

    2022-05-12 09:56

  • 8***@qq.com

    回复 1***@qq.com: 反正我换成jssdk了。

    2022-05-12 16:55

蹲坑思考人生

蹲坑思考人生

大神这个问题怎么解决啊?

1***@qq.com

1***@qq.com

请问解决了吗?

该问题目前已经被锁定, 无法添加新回复