提交 6824ac63 编写于 作者: Shine-zwj's avatar Shine-zwj

add:新增文件上传数量限制及文件类型白名单

上级 f9069169
...@@ -8,9 +8,10 @@ ...@@ -8,9 +8,10 @@
</ion-item-group> </ion-item-group>
<ion-row > <ion-row >
<van-uploader <van-uploader
accept="*" :accept="accept"
:class="singleChoiceBtnState" :class="singleChoiceBtnState"
multiple="false" :max-count="multiple ? limit : 1"
:multiple="multiple"
:disabled="state" :disabled="state"
:result-type="resultType" :result-type="resultType"
:before-read="beforeRead" :before-read="beforeRead"
...@@ -173,6 +174,22 @@ export default class AppMobFileUpload extends Vue { ...@@ -173,6 +174,22 @@ export default class AppMobFileUpload extends Vue {
*/ */
@Prop({ default: true }) public multiple?: boolean; @Prop({ default: true }) public multiple?: boolean;
/**
* 最大允许上传个数
*
* @type {*}
* @memberof AppMobFileUpload
*/
@Prop({default: 9999}) public limit!: number;
/**
* 接受上传的文件类型
*
* @type {*}
* @memberof AppMobFileUpload
*/
@Prop({default: '*'}) public accept!: string;
/** /**
* 表单状态 * 表单状态
* *
......
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
<van-uploader <van-uploader
v-if="platform =='web'" v-if="platform =='web'"
:class="singleChoiceBtnState" :class="singleChoiceBtnState"
:multiple="multiple" :accept="accept"
:multiple="multiple"
:max-count="multiple ? limit : 1"
:disabled="state" :disabled="state"
:fileList="files" :fileList="files"
:deletable="!readOnly" :deletable="!readOnly"
...@@ -179,6 +181,22 @@ export default class AppMobPicture extends Vue { ...@@ -179,6 +181,22 @@ export default class AppMobPicture extends Vue {
*/ */
@Prop({ default: true }) public multiple?: boolean; @Prop({ default: true }) public multiple?: boolean;
/**
* 最大允许上传个数
*
* @type {*}
* @memberof AppMobPicture
*/
@Prop({default: 9999}) public limit!: number;
/**
* 接受上传的文件类型
*
* @type {*}
* @memberof AppMobPicture
*/
@Prop({default: 'image/*'}) public accept!: string;
/** /**
* 表单状态 * 表单状态
* *
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册