Angel丶守护&雪之源 2024-01-09 14:28 采纳率: 22%
浏览 13
已结题

uni-file-picker 微信开发者和微信真机调试点击上传没有反应

uni-file-picker 微信开发者和微信真机调试点击上传没有反应,具体代码如下:

<uni-forms ref="baseForm" :modelValue="baseFormData" :rules="rules" >
    <uni-forms-item  :required="item.required === 'yes'" >
        <uni-file-picker
        ref="files" 
        return-type="array"
        v-model="value"
        file-mediatype="image" 
        mode="grid"      
        :auto-upload="false"
        :sizeType="sizeType"
        :limit="9"
        @select="select" 
        @delete="deletehandle"
    ></uni-file-picker>
     </uni-forms-item>
</uni-forms>
<script>
      select(e){
              if (!e.tempFilePaths.length) return;  //如果没有选择图片就退出
              for (let i = 0; i < e.tempFilePaths.length; i++) {
            await uploadImg(e.tempFilePaths[i]);
          } 
      },
     uploadImg(tempFilePaths){
             const domain = CONFIG['domain']
                if(!state.upload_id) return proxy.$uinappshop.msg(`upload_id不能为空`)
                uni.showLoading({title: 'loading'})
                // const path = item.tempFilePaths[index];
                // console.log(path)
                //接口一次只能上传一张图片,所以每循环一次就调用接口上传一次
                uni.uploadFile({
                    url: domain + '/api/weapp/form_upload', 
                    filePath: tempFilePaths,
                    name: 'file',
                    fileType: 'image',
                    formData: {
                        '_weapp_form_id': props.options.formID,
                        'upload_key': state.upload_key,
                        'upload_id' : state.upload_id
                    },
                    success: (uploadFileRes) => {
                        // console.log(uploadFileRes)
                        let res = JSON.parse(uploadFileRes.data)
                        if(res.code === 400){
                            proxy.$uinappshop.msg(res.message)
                        }else {
                            // console.log(res);
                            uni.hideLoading()
                            //每循环一次就把后台返回的图片地址添加到imagesLists数组
                            state.imagesLists.push({
                                url: res.source_url,
                                name: res.original,
                                extname: res.mime_type
                            })
                            let items = props.options.items
                            items.forEach((item, index) => {
                                if(item.type ===  'form_image') {
                                    item.value.push({
                                        url: res.source_url,
                                        name: res.original,
                                        extname: res.mime_type
                                    })
                                }
                            })
                            
                        }
                    
                    },
                    fail: (err) => {
                        console.log(err)
                    }
                });
      }
</script>

点击上传没有任何反应,也没有报错,H5页面正常,支付宝小程序端正常,抖音小程序端正常,我该怎么解决

  • 写回答

2条回答 默认 最新

  • Visual code AlCv 2024-01-09 16:08
    关注

    这个情况主要的原因不在于程序的bug,而是uni-file-picker组件在微信小程序上可能存在某些使用限制或则兼容问题。

    评论 编辑记录

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 3月6日
  • 创建了问题 1月9日

悬赏问题

  • ¥20 python爬虫遇到空文本取不出来
  • ¥15 x264库中预测模式字IPM、运动向量差MVD、量化后的DCT系数的位置
  • ¥15 curl 命令调用正常,程序调用报 java.net.ConnectException: connection refused
  • ¥20 关于web前端如何播放二次加密m3u8视频的问题
  • ¥15 使用百度地图api 位置函数报错?
  • ¥15 metamask如何添加TRON自定义网络
  • ¥66 关于川崎机器人调速问题
  • ¥15 winFrom界面无法打开
  • ¥30 crossover21 ARM64版本安装软件问题
  • ¥15 mymetaobjecthandler没有进入