AdminFileInput Component

Overview

A file path input component. Displays the storage path of an uploaded file, supports opening a file picker to reselect, clearing the selected file, and previewing images (Popover hover preview).

Features

  • Readonly textbox displaying the file path
  • Click to open the file picker (FilePicker dialog)
  • Hover preview support for image files
  • Supports clearing the selected file

Usage Example

<AdminFileInput @bind-Value="@filePath" DisplayText="Attachment Path" />

Notes

  • The component only displays the file path; actual file upload needs to be done with FileService
  • Image preview only supports common image formats (jpg, png, webp, etc.)