图片上传组件。用于单个或多个图片上传。用于图片上传、删除、预览、排序功能。
> 该组件支持v-model获取当前值。
## 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值
| --- | --- | --- | --- | ---
| api | 配置文件接收地址,组件会通过二进制数据post给该地址。 | string | 必填 |
| api-param | 上传时携带的参数内容,除了上传的二进制数据之外,组件还会携带该对象参数。 | object | |
| success-tip | 上传请求返回成功结果之后采用什么方式提醒 | string | none,message,alert,notify | message
| fail-tip | 上传请求返回失败结果之后采用什么方式提醒 | string | none,message,alert,notify | alert
| order-enable | 是否允许进行排序 | boolean | | true
| delete-api | 删除操作回调的后端接收地址。 | string | 必填 |
| delete-method | 删除操作回调的后端接收方法。 | string | 必填 |
| delete-param | 删除操作回调的后端接收参数,除了主键值之外,组件还会携带该对象参数。 | object | |
| delete-success-tip | 删除操作返回成功结果之后采用什么方式提醒 | string | none,message,alert,notify | none
| delete-fail-tip | 删除操作返回失败结果之后采用什么方式提醒 | string | none,message,alert,notify | alert
| preview-url | 设置用于预览的url地址,组件会自动get请求该地址并携带一个参数,由primary-key属性指定的参数。 | string | |
| primary-key | 主键值,该值用于指定组件各项功能操作的主键值。 | string | | id
| ajax-header | 是否包含有ajax头,x-requested-with:XMLHttpRequest。 | boolean | | true
| init-data | 初始化filelist数据,数据格式:[id(或指定的primarykey):"123456",url:"图片地址"(如果不提供的话,会使用preview组合地址)] | boolean | | true
| file-list | 已上传的图片文件列表。支持sync修饰符。 | array | |
## 事件
| 事件 | 说明 | 参数
| --- | --- | ---
| uploaded | 文档上传成功,使用自定义uploadSuccessFn方法后此事件失效。 | {res: 上传请求响应, file: 上传成功的文档对象信息}
| removed | 请求服务端删除附件成功。使用自定义removeFn方法后此事件失效。 | {res: 上传请求响应, file: 上传成功的文档对象信息}
| file-deleted | 文件删除成功事件,使用自定义removeFn方法后此事件失效。 | {data:被删除的文档对象信息}
| file-up | 将文件顺序前移事件 | { file:移动的文件对象信息, fileList: 移动后的文件对象数组 }
| file-down | 将文件顺序后移事件 | { file:移动的文件对象信息, fileList: 移动后的文件对象数组 }
| reset | 重置事件 |
| 其他 | 支持所有el-upload事件。
## 插槽
| 插槽名 | 说明
| --- | ---
| tip | 提示说明文字
- 序言
- 安装
- 组件查询
- buttons
- WdApiButton
- WdDrawerButton
- WdRefreshButton
- WdRouteButton
- WdConfirmButton
- datagrid
- WdDatagrid
- WdGridDeleteButton
- WdGridEnableButton
- editgrid
- WdEditgrid
- WdEditgridCell
- element
- WdCard
- WdCollapse
- WdDrawerIframe
- WdIframe
- WdLabel
- WdSplitLabel
- WdDetail
- WdToolBar
- WdRepeater
- WdApiManager
- form
- WdDataForm
- WdSelect
- WdRadioList
- WdCheckboxList
- WdUploadImage
- search
- WdSearchCheckbox
- WdSearchDatepick
- WdSearchForm
- WdSearchInput
- WdSearchRadio
- WdSearchSelect
- tree
- WdTree
- 内置服务
- ajax服务
- 消息服务
- 框架方法
- tab操作
- 其他
- demo说明