0.0.7 • Published 4 years ago
easy-element-upload v0.0.7
说明
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| action-url | action | string | |
| extro-param | 上传需要的额外参数 | object | |
| max-size | 每次上传最大文件 单位M | number | 50 |
| disabled | 是否禁用 | boolean | false |
| multiple | 是否支持多个 | boolean | true |
| inline | 已上传文件列表与按钮是否内联 | boolean | false |
| show-file-list | 是否显示已上传文件列表 | boolean | true |
| show-loading | 是否显示loading | boolean | true |
| file-name-key | 提交文件时文件名对应的key | string | 'filename' |
| previewBaseUrl | 上传后文件预览的baseUrl，如没有则取previewUrlKey对应值，且认为其是完整路径 | string | |
| previewUrlKey | 上传后返回的预览url对应的key | string | 'viewUrl' |
| accept | 接受上传的文件类型 | string | |
| limit | 最大允许上传个数 | number | |
| clear() | 清空上传列表 | 方法 | |
| @success | 每次上传成功后的回调，返回每次上传后端返回值 | function(res) | |
| @change | 上传成功后回调，返回fileList | function({fileList}) |
示例
<imp-upload
:action-url="'/marketing-platform/file/upload'"
:extro-param="{a: 1}"
@success="onUploadSuccess"
@change="onUploadChange"
>
</imp-upload>onUploadSuccess(e) {
console.log(e); // 服务器返回信息
},
onUploadChange (e) {
this.formData.attachments = e.fileList;
// 或者
e.fileList.foreach(item => {
this.formData.attachment[item.name] = item.viewUrl;
});
}