spz-upload 文件上传
用于上传文件。
布局
布局
跳转到“布局”何时使用
跳转到“何时使用”- 当需要上传文件时。
代码演示
跳转到“代码演示”属性
跳转到“属性”| 属性名 | 说明 | 类型 | 默认值 | 是否必需 |
|---|---|---|---|---|
| action | 文件上传的地址 | string | - | 是 |
| auto-upload | 当存在此属性时,选择文件后自动上传 | - | - | 否 |
| name | 上传时作为参数的key | string | file |
否 |
| multiple | 存在此属性时可以上传多个文件 | - | - | 否 |
| limit | 文件上传的数量限制 | number | - | 否 |
| size-limit | 上传的单个文件的大小限制 | number | - | 否 |
| accept | 上传文件的种类限制 | string | - | 否 |
| loading | 上传过程中自动加上该属性 | - | - | - |
| finish | 上传结束后自动加上该属性 | - | - | - |
| file-sign | 图片上传签名接口地址,存在时使用签名上传模式 | string | - | 否 |
| video-sign | 视频上传签名接口地址,存在时使用签名上传模式 | string | - | 否 |
| url-input | 隐藏 input 的 name,上传成功后将文件 URL 写入该 input | string | - | 否 |
| accumulate | 如果该属性存在,多次上传时累计合并结果而不重置 | - | - | 否 |
方法
跳转到“方法”deleteUploadFile
跳转到“deleteUploadFile”删除文件列表中一个上传的文件,无需参数。
continueUpload
跳转到“continueUpload”手动触发上传,无需参数。
unmount
跳转到“unmount”清空上传列表的文件,无需参数。
事件
跳转到“事件”exceedLimit
跳转到“exceedLimit”上传的文件数量超出限制时自动触发。
sizeError
跳转到“sizeError”存在上传文件超出大小限制时自动触发。
success
跳转到“success”上传成功时自动触发,事件参数为返回的上传图片/视频信息。
error
跳转到“error”上传失败时自动触发,事件参数为接口响应。
loaded
跳转到“loaded”文件读取到本地完成时触发,事件参数为已读取的文件数据数组。
uploading
跳转到“uploading”视频上传过程中进度更新时触发,事件参数为当前上传进度信息。
delete
跳转到“delete”通过 deleteUploadFile 方法删除文件后触发,事件参数为删除后的剩余文件数据数组。
unmount
跳转到“unmount”通过 unmount 方法清空上传列表后触发,事件参数为空数组。