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方法
  • 预览功能需要文件可公开访问