uni-app 打包到H5 只允许拍照上传

一、使用vant 组件

文档中提示设置 capture 字段为 camera 可直接调用摄像头打包后点击上传还是弹出拍照与选择文件

二、使用uni-app API

 文档中提示设置 sourceType字段为 camera 可直接调用摄像头

 但是打包后还是弹出拍照与选择文件

三、最后解决

​​​​​​​​​​​​

方法:

对象:

回调方法:

 // 文件上传
        onGetImgClick() {
            let that = this
            let cmr = plus.camera.getCamera() //获取相机对象
            cmr.captureImage((p) => {
                    plus.io.resolveLocalFileSystemURL(p, function (entry) {
                        entry.file((file) => {
                            let fileReader = new plus.io.FileReader();
                            fileReader.readAsDataURL(file);
                            fileReader.onloadend = function (e) {
                                let picUrl = e.target.result.toString();   // 获取文件base64
                                let blob = convertBase64UrlToBlob(picUrl)  // base64转blob
                                let f_file = new File([blob], p, {type: "text/plain;charset=utf-8"})
       
                                    uni.uploadFile({
                                        url: "",
                                        file: result,
                                        name: "f_file",
                                        fileType: "image",
                                        header: {Authentication:Token},
                                        formData: {},
                                        success: (res) => {
                                            let obj = JSON.parse(res.data);
                                  
                                            Toast('文件上传完成')
                                        },
                                    })
                                
                            }
                            file.close()
                        })
                    })
                },
                function (error) {
                    console.log('---' + 'Capture image failed: ' + error.message)
                },
            )
        },

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值