Angular PrimeNG File Complete Reference

Last Updated : 21 Sep, 2023

Angular PrimeNG Files provides different components to retrieve the information related to the file, along with facilitating the file manipulation, & other operations, in order to modify the file content. This enhances the overall user experience. FileUpload Component has an advanced uploader facility, such as multi-file uploads, auto uploading, drag and drop support, & progress tracking and validations.

The complete list of File Component is listed below with their brief description:

Components	Description
FileUpload Basic	Angular PrimeNG FileUpload Basic Mode mode provides a simpler UI as an alternative to advanced mode.
FileUpload Advanced	It is used to select multiple files at once. It is of boolean data type, the default value is false.
FileUpload Multiple Uploads	Angular PrimeNG FileUpload Multiple Uploads allows selecting multiples by enabling multiple options
FileUpload DragDrop	Angular PrimeNG FileUpload DragDrop is used to enable dragging and dropping files on the FileUpload Component.
FileUpload Auto Uploads	the file upload begins as soon as file selection is completed or a file is dropped on the drop area when the auto property is enabled.
FileUpload File Types	FileUpload File Types can be used to restrict the type of the uploaded file.
FileUpload File Size	FileUpload File Size can be used to restrict the maximum file size of the uploaded file
FileUpload Templating	It is used to customize the UI to display a file uploaded in the FileUpload.
FileUpload Basic UI	Angular PrimeNG FileUpload Basic UI Mode provides a simpler UI as an alternative to advanced mode.
FileUpload Custom Upload	Angular PrimeNG FileUpload Custom Upload is used to override uploading implementation by defining a custom upload handler event.
FileUpload Properties	The FileUpload component is used to make an element that allows users to upload file content.
FileUpload Events	The FileUpload component is used to make an element that allows users to upload file content.
FileUpload Methods	It is used to make an element that allows users to upload file content.
FileUpload Templates	The FileUpload Component is used to make an element that allows users to upload file content.
FileUpload Styling	FileUpload needs a name to identify the files at the backend and a URL property to serve as the upload target.