From 1e3e3593a39d743d5dfa8491a9abb95b8be4f079 Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Fri, 05 Aug 2022 14:36:57 +0800
Subject: [PATCH] upload
---
src/components/upload/uploadIdCard.vue | 32 +++++++++++++++++---------------
1 files changed, 17 insertions(+), 15 deletions(-)
diff --git a/src/components/upload/uploadIdCard.vue b/src/components/upload/uploadIdCard.vue
index 0c0dcaf..b0943b9 100644
--- a/src/components/upload/uploadIdCard.vue
+++ b/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.select();
+ this.$refs.androidInputFileCapture.click();
} else {
- this.$refs.androidInputFileImage.dispatchEvent(new MouseEvent('click'))
- // this.$refs.androidInputFileImage.select();
+ this.$refs.androidInputFileImage.click();
}
this.selectModel = false;
},
@@ -371,7 +374,6 @@
line-height: 1;
color: #333;
font-weight: normal;
-
}
}
--
Gitblit v1.8.0