Browse Source

feat(uploader): add props capture 直接调起摄像头

richard1015 3 years ago
parent
commit
9faef6f83f
2 changed files with 9 additions and 2 deletions
  1. 1 0
      src/packages/uploader/doc.md
  2. 8 2
      src/packages/uploader/uploader.vue

+ 1 - 0
src/packages/uploader/doc.md

@@ -214,6 +214,7 @@ test(event) {
 | name | input name的名称 | String | ""
 | url | 上传服务器的接口地址 | String | -
 | multiple | 是否支持多选 | Boolean | false
+| capture  | 图片[选取模式](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#htmlattrdefcapture),直接调起摄像头 | Boolean  | false  |
 | isPreview | 是否需要预览 | Boolean | false
 | clearInput | 是否需要清空input内容,设为true支持重复选择上传同一个文件 | Boolean | false
 | maxSize | 可以设定最大上传文件的大小(字节) | Number | 5242880

+ 8 - 2
src/packages/uploader/uploader.vue

@@ -2,13 +2,14 @@
   <div class="nut-uploader">
     <slot></slot>
     <input
-      v-if="multiple"
+      v-if="capture"
       type="file"
       :name="name"
       @click="preventMoreClick"
       @change="upload($event)"
       class="uploader"
-      multiple
+      :multiple="multiple"
+      capture
       :disabled="newdisabled"
       :accept="acceptType"
     />
@@ -19,6 +20,7 @@
       @click="preventMoreClick"
       @change="upload($event)"
       class="uploader"
+      :multiple="multiple"
       :disabled="newdisabled"
       :accept="acceptType"
     />
@@ -43,6 +45,10 @@ export default {
       type: Boolean,
       default: false
     },
+    capture: {
+      type: Boolean, 
+      default: false 
+    },
     disabled: {
       type: Boolean,
       default: false