Platform: FIle Uploader Component Technical Design

File Uploader

Summary

The File Uploader is an input element for uploading files to the application.

Example

<fdp-file-uploader
    [(ngModel)]="newFiles"
    [multiple]="true"
    [accept]="'.png,.jpg,.gif'">
</fdp-file-uploader>

Design

The Fundamental NGX: Core has an implementation of a file upload component called FileInput. We could utilize the FileInput component in the Platform FileUploader component. As such the bindings for the components will be the same.

As this is an input control it needs to implement the FormFieldControl as described in the FormGroup Layout or extend existing BaseInputComponent.