Single file upload with ControlValueAccessor

disabled

file name: {{ control.value?.file?.name }}

Размер файла не должен быть более 5 МБ @if (control.hasError('maxFileSize')) { Слишком большой размер файла }

Single file upload with ControlValueAccessor & Form

Validation after submit

Single file upload

with pdf/png files accepted, validation outside

{{ hintMessage }} @for (error of errorMessagesForSingle; track error) { {{ error }} }

Single/Multiple file upload

Loading state on file added

@if (singleFileControl.hasError('maxFileSize')) { Размер файла превысил 5 Мб }

@for (control of this.fileListOnAddLoad.controls; track $index) { @if (control.hasError('maxFileSize')) { {{ control.value?.file?.name }} - maxFileSize } }

Multiple file upload, no validation

Multiple file with custom text

Multiple file-upload, default UX validation

@for (error of errorMessages; track error) { {{ error }} }

Multiple file-upload, default UX validation with Reactive Forms

@for (control of this.fileList.controls; track $index) { @if (control.hasError('maxFileSize')) { {{ control.value?.file?.name }} - maxFileSize } }

Multiple file with ControlValueAccessor, overall hint error

@if (multipleFileUploadControl.hasError('maxFileSize')) { Размер одного из файлов превысил лимит }

Multiple file upload with Reactive Forms

Validation after submit

Multiple file upload compact