upload

zhaoxiaoqiang

2022-08-05 1e3e3593a39d743d5dfa8491a9abb95b8be4f079

 src/components/upload/uploadIdCard.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2019-08-30 18:04:49
 * @LastEditors: zxq
 * @LastEditTime: 2022-08-04 16:08:29
 * @LastEditTime: 2022-08-05 14:35:52
 * @Description:
 -->
<template>
@@ -21,17 +21,17 @@
    <!-- 真正的上传按钮-->
    <div>
      <input
        style="display:none;cursor:pointer;"
        style="display: none;cursor:pointer"
        type="file"
        id='androidInputFileImage'
        id='inputFileImage'
        ref="androidInputFileImage"
        @change="handlePhotoChange($event,1)"
        accept="image/jpg, image/jpeg, image/png"
      />
      <input
        style=" display:none;cursor:pointer;"
        style="display: none;cursor:pointer;"
        type="file"
        id='androidInputFileCapture'
        id='inputFileCapture'
        ref="androidInputFileCapture"
        @change="handlePhotoChange($event,2)"
        accept="image/*"
@@ -39,13 +39,18 @@
      />
    </div>
    <!--选择上传图片还是拍照-->
    <van-action-sheet
    <!-- <van-action-sheet
      v-model="selectModel"
      :close-on-click-overlay="false"
      cancel-text="取消"
      :actions="nav"
      @select="handleMenuSelect"
    ></van-action-sheet>
    ></van-action-sheet> -->
    <van-action-sheet v-model="selectModel" cancel-text="取消" title="标题">
      <div v-for="item in nav" :key="item.code" class="content">
        <span  @click="handleMenuSelect(item.code)">{{item.name}}</span>
      </div>
    </van-action-sheet>
    <!-- <button @click="onclick">aa</button> -->
  </div>
</template>
@@ -64,7 +69,7 @@
  data() {
    return {
      selectModel: false, // 模态窗选择拍照还是相册
      nav: [{ name: "拍照" }, { name: "从手机相册选择" }],
      nav: [{ name: "拍照",code:0 }, { name: "从手机相册选择",code:1 }],
      picList: [{}, {}],
      picZ: {},
      picF: {},
@@ -312,14 +317,12 @@
      this.selectModel = true;
    },
    // 选择拍照或者相册选项
    handleMenuSelect(item, index) {
      console.log(this.$refs.androidInputFileCapture.click(),index);
    handleMenuSelect(index) {
      console.log( this.$children[0]  )
      if (index === 0) {
        // this.$refs.androidInputFileCapture.dispatchEvent(new MouseEvent('click'))
        this.$refs.androidInputFileCapture.touch();
        this.$refs.androidInputFileCapture.click();
      } else {
        // this.$refs.androidInputFileImage.dispatchEvent(new MouseEvent('click'))
        this.$refs.androidInputFileImage.touch();
        this.$refs.androidInputFileImage.click();
      }
      this.selectModel = false;
    },
@@ -371,7 +374,6 @@
      line-height: 1;
      color: #333;
      font-weight: normal;
     
    }
  }