AdminFileInput 组件
概述
AdminFileInput 是一个基于Blazor的文件输入组件,继承自ValidateBase
功能特性
- 文件选择功能:通过点击"选择..."按钮调用文件选择器
- 文件预览功能:支持点击查看已选择的文件
- 验证支持:继承自ValidateBase,支持表单验证
- 响应式设计:适配不同屏幕尺寸
属性
属性名 | 类型 | 说明 |
---|---|---|
Value | string | 绑定的文件路径 |
IsShowLabel | bool | 是否显示标签 |
Required | bool | 是否为必填项 |
Id | string | 组件ID |
DisplayText | string | 显示文本 |
ShowLabelTooltip | bool | 是否显示标签提示 |
AdditionalAttributes | Dictionary<string, object> | 附加属性 |
CssClass | string | 自定义CSS类 |
使用示例
<AdminFileInput @bind-Value="filePath"
IsShowLabel="true"
DisplayText="上传文件"
Required="true" />
注意事项
- 组件依赖于Bootstrap样式
- 需要实现window.openfilepicker和window.setpickervalue方法
- 预览功能需要文件可公开访问