Uploader 上传
优质
小牛编辑
120浏览
2023-12-01
import { Uploader } from 'feui';
components: {
[Uploader.name]: Uploader
}
基础用法
<fe-uploader :after-read="logContent"> <fe-icons type="camera" /> </fe-uploader>
设置input属性
<fe-uploader :after-read="logContent" accept="image/gif ,image/png, image/jpeg" multiple> <fe-icons type="camera" /> </fe-uploader>
#Uploader
API
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| result-type | 文件读取结果类型 | String | dataUrl | dataUrl,text |
| disable | 是否禁用图片上传 | Boolean | false | false,true |
| before-read | 读取前的回调函数，返回 false 可终止文件读取 | Function | - | - |
| after-read | 读取完成后的回调函数 | Function | - | - |
| max-size | 文件大小限制，单位为 byte | Number | - | - |
| - | - | - | - | - |
Slots
| Slot名 | 说明 | 备注 |
|---|---|---|
| - | 自定义uploader内容 | - |
| - | - | - |
Events
| 事件名 | 参数 | 说明 | 备注 |
|---|---|---|---|
| oversize | 文件大小超过限制时触发 | - | |
| - | - | - | - |
afterRead
| Slot名 | 说明 | 类型 |
|---|---|---|
| file | 文件解析后的file对象 | Object |
| content | 文件内容 | String |
| - | - | - |