reature: make drag-file-upload filetype and filesize configurable
Showing
1 changed file
with
12 additions
and
2 deletions
@@ -19,7 +19,7 @@ | @@ -19,7 +19,7 @@ | ||
19 | :on-error="handleError" | 19 | :on-error="handleError" |
20 | :default-file-list="defaultList" | 20 | :default-file-list="defaultList" |
21 | :format="format" | 21 | :format="format" |
22 | - :max-size="2048" | 22 | + :max-size="maxSize" |
23 | :on-format-error="handleFormatError" | 23 | :on-format-error="handleFormatError" |
24 | :on-exceeded-size="handleMaxSize" | 24 | :on-exceeded-size="handleMaxSize" |
25 | action="/Api/upload/image" | 25 | action="/Api/upload/image" |
@@ -53,6 +53,16 @@ export default { | @@ -53,6 +53,16 @@ export default { | ||
53 | return 'goodsimg'; | 53 | return 'goodsimg'; |
54 | }, | 54 | }, |
55 | }, | 55 | }, |
56 | + maxSize: { | ||
57 | + type: Number, | ||
58 | + default: 2048, | ||
59 | + }, | ||
60 | + formatMaxSizeMsg: { | ||
61 | + type: Function, | ||
62 | + default() { | ||
63 | + return file => '文件 ' + file.name + ' 太大,不能超过 2M。'; | ||
64 | + }, | ||
65 | + }, | ||
56 | format: { | 66 | format: { |
57 | type: Array, | 67 | type: Array, |
58 | default() { | 68 | default() { |
@@ -126,7 +136,7 @@ export default { | @@ -126,7 +136,7 @@ export default { | ||
126 | handleMaxSize(file) { | 136 | handleMaxSize(file) { |
127 | this.$Notice.warning({ | 137 | this.$Notice.warning({ |
128 | title: '超出文件大小限制', | 138 | title: '超出文件大小限制', |
129 | - desc: '文件 ' + file.name + ' 太大,不能超过 2M。', | 139 | + desc: this.formatMaxSizeMsg(file), |
130 | }); | 140 | }); |
131 | }, | 141 | }, |
132 | browseOnline() { | 142 | browseOnline() { |
-
Please register or login to post a comment