33

zhaoxiaoqiang

2022-08-05 99c8223a983bdfee5f01e08d08a2da254ec7a58d

 src/components/upload/uploadIdCard.vue

@@ -20,29 +20,27 @@
    </div>
    <!-- 真正的上传按钮-->
    <div>
      <label class="upload">
      <!-- <label class="upload" > -->
        <input
          class="sr-only"
          style="display: none; cursor: pointer"
          style="cursor:pointer"
          type="file"
          id="androidInputFileImage"
          ref="androidInputFileImage"
  
          ref="uploadImg"
          @change="handlePhotoChange($event, 1)"
          accept="image/jpg, image/jpeg, image/png"
        />
      </label>
      <label class="upload">
      <!-- </label> -->
      <!-- <label class="upload"  > -->
        <input
          class="sr-only"
          style="display: none; cursor: pointer"
          style="cursor:pointer"
          type="file"
          id="androidInputFileCapture"

          ref="androidInputFileCapture"
          @change="handlePhotoChange($event, 2)"
          accept="image/*"
          capture="camera"
        />
      </label>
      <!-- </label> -->
    </div>
    <!--选择上传图片还是拍照-->
    <van-action-sheet
@@ -319,15 +317,22 @@
    },
    // 选择拍照或者相册选项
    handleMenuSelect(item, index) {
      console.log(this.$refs.androidInputFileCapture.click(), index);
      console.log(this.$refs);
      console.log(this.$refs.androidInputFileCapture);
      console.log(this.$refs.uploadImg);
      console.log(document.getElementById('androidInputFileCapture'));
      if (index === 0) {
        // this.$refs.androidInputFileCapture.dispatchEvent(
        //   new MouseEvent("click")
        // );
        this.$refs.androidInputFileCapture.click();
         this.$nextTick(()=>{
          this.$refs.androidInputFileCapture.click();
         })
      } else {
        // this.$refs.androidInputFileImage.dispatchEvent(new MouseEvent("click"));
        this.$refs.androidInputFileImage.click();
        this.$refs.uploadImg.dispatchEvent(new MouseEvent("click"));
        //  this.$nextTick(()=>{
        //     this.$refs.uploadImg.click();
        //  })
      }
      this.selectModel = false;
    },
@@ -362,11 +367,7 @@
        return "default";
      }
    },
  },
  created() {
    //  let
    //  console.log(shebei);
  },
  }
};
</script>