浏览代码

feat: uploader add multiple 支持单选、多选功能

richard1015 5 年之前
父节点
当前提交
be44fc04a4
共有 2 个文件被更改,包括 3 次插入1 次删除
  1. 1 0
      src/packages/uploader/doc.md
  2. 2 1
      src/packages/uploader/uploader.vue

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

@@ -210,6 +210,7 @@ test($ev){
 |----- | ----- | ----- | ----- 
 | name | input name的名称 | String | ""
 | url | 上传服务器的接口地址 | String | -
+| multiple | 是否支持多选 | Boolean | false
 | isPreview | 是否需要预览 | Boolean | false
 | clearInput | 是否需要清空input内容,设为true支持重复选择上传同一个文件 | Boolean | false
 | maxSize | 可以设定最大上传文件的大小(字节) | Number | 5242880

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

@@ -1,7 +1,8 @@
 <template>
   <div class="nut-uploader">
     <slot></slot>
-    <input type="file" :name="name" @change="upload($event)" class="uploader" :multiple="multiple" :disabled="disabled" :accept="acceptType" />
+    <input v-if="multiple" type="file" :name="name" @change="upload($event)" class="uploader" multiple :disabled="disabled" :accept="acceptType" />
+    <input v-else type="file" :name="name" @change="upload($event)" class="uploader" :disabled="disabled" :accept="acceptType" />
   </div>
 </template>
 <script>