Upload

The BptUpload component provides file upload functionality with MIME type validation, progress tracking, image previews, and file management features.

Upload Parameters

Configuration: Multiple files, all types

Upload multiple files of any type (max 10 MB each):

📁

Click to select files or drag and drop

All files allowed

Current Configuration

📋 [+]

<BptUpload AllowMultiple="true"
          AllowAllFiles="true"
          OnFilesUploaded="HandleFiles" />

@code {
    private void HandleFiles(List<BptUploadFile> files)
    {
        foreach (var file in files.Where(f => f.IsAccepted))
        {
            // Process accepted files
        }
    }
}

Usage Information

Features:

Multiple/Single Upload: Configure with AllowMultiple parameter
File Type Filtering: Use AllowedExtensions and AllowedMimeTypes
Header Scanning: Verifies actual file type from file headers (magic numbers)
AllowAllFiles: Bypass all restrictions for unrestricted uploads
Image Previews: Automatic preview generation for image files
Progress Bar: Visual feedback during file processing
File Management:
- Double-click file name to rename
- Click rename button to edit name
- Check "Accept" to mark files for further processing
- Click remove to delete files
Validation: File size limits and type verification
Metadata Display: Shows file size, extension, and MIME type
Button Mode: Set ButtonMode="true" to render as a styled BptButton with upload functionality
Item Template: Use ItemTemplate to customize how each uploaded file is displayed
Visibility Control: ShowDropZone and ShowUploadedFiles toggle section visibility