You can restrict the selected files for upload based on predefined rules for their size and/or extension.
When the Upload is bound to a model through the
ngModeldirective, the files, which do not correspond to the restrictions will not be added to the model.
Types of File Restrictions
The Upload supports three types of file restrictions:
You can define the file types that are eligible for upload by using the allowedExtensions property. The files with extensions, which are not included in the list will not be uploaded and the Upload will display them as invalid. The
allowedExtensions option recognizes entries of both
.type (for example,
.xls, and others) and
type (for example,
xls, and others) values.
Maximum File Size
You can restrict the maximum allowed file size (in bytes) by using the maxFileSize property. If the selected file exceeds the maximum size, an error message will be displayed.
Minimum File Size
You can restrict the minimum allowed file size (in bytes) by using the minFileSize property. If the selected file is less than the minimum size, an error message will be displayed.
Internet Explorer versions up to and including version 9 provide no information on the file size. As a result, the Upload restriction for the
maxFileSize options does not work.