<FodAttachments
Documents="@_documents"
OnDocumentUploaded="@HandleDocumentUploaded"
OnDocumentRemoved="@HandleDocumentRemoved"
MaxConcurrentUploads="2"
ShowPreview="true" />
@code {
private List<DocumentRequirement> _documents =
[
new DocumentRequirement
{
Id = "id-card",
Name = "ID Card / Passport",
Description = "Upload a clear copy of your ID",
IsRequired = true,
AcceptedFormats = ".pdf,.jpg,.jpeg,.png",
MaxFileSize = 5 * 1024 * 1024
}
];
private void HandleDocumentUploaded(DocumentUploadedEventArgs args)
{
Console.WriteLine($"Uploaded: {args.FileName}");
}
}FodAttachments
A document upload component for managing file attachments with requirements validation. Supports multiple document types, file size limits, format restrictions, and preview functionality.
Basic Usage
Upload documents with defined requirements. Required documents must be uploaded before form submission.
razor
Required vs Optional Documents
Documents can be marked as required or optional. Required documents show a validation indicator.
razor
private List<DocumentRequirement> _documents =
[
new DocumentRequirement
{
Id = "passport-photo",
Name = "Passport Photo",
IsRequired = true, // Required - must be uploaded
AcceptedFormats = ".jpg,.jpeg,.png"
},
new DocumentRequirement
{
Id = "cv-resume",
Name = "CV / Resume",
IsRequired = false, // Optional - can be skipped
AcceptedFormats = ".pdf,.doc,.docx"
}
];File Format Restrictions
Restrict accepted file formats per document type. Users can only upload files matching the specified extensions.
razor
new DocumentRequirement
{
Id = "photo-only",
Name = "Photo (Images Only)",
AcceptedFormats = ".jpg,.jpeg,.png", // Only images
MaxFileSize = 5 * 1024 * 1024 // 5 MB limit
},
new DocumentRequirement
{
Id = "pdf-only",
Name = "Document (PDF Only)",
AcceptedFormats = ".pdf", // Only PDF
MaxFileSize = 10 * 1024 * 1024 // 10 MB limit
}API Reference
Properties available on the FodAttachments component.
No properties defined.
DocumentRequirement Model
Configuration options for document requirements.
No properties defined.
