- Actionsheet 地址栏
- Badge 徽章
- Button 按钮
- Count 累加器
- Header 头部
- Icons 图标
- QRcode 二维码
- Range 滑块
- Rater 评价
- Search 搜索框
- Steps 步骤条
- Tab 标签栏
- Tabbar 底部标签
- Address 地址栏
- Cell 单元格
- Checkicon 单选按钮
- Checker 选择按钮
- Checklist 按钮组
- Countup 数字滚动
- Flexbox 弹性布局
- Indexlist 分类列表
- inlineCalendar 日历组件
- input 输入框
- Lazyload 懒加载
- Noticebar 通知栏
- Pullrefresh 刷新加载
- Radio 单选按钮
- Switch 开关
- Textarea 文本域
- Keyboard 键盘
- Pwdinput 密码输入框
- Datetime 日期
- Dialog 弹窗
- Loading 加载中
- Picker 选择
- Popup 弹出
- PopupPicker 弹出选择
- Scroll 滑动加载
- Slidbtn 滑动操作
- Swiper 滑动操作
- Toast 提示
- Uploader 上传
- ImgPreview 图片预览
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
Uploader 上传
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 |
- | - | - |
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论