Run code snippet. Tip: Always add the tag for best accessibility practices! Input FileUpload accept Property Input FileUpload Object. The Input FileUpload object represents an HTML element with type="file". Use the accept attribute of the input tag. Hide results. How can I make the upload dialog allow selection of only image files? accept If the value of the type attribute is file, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. I need only files with extensions such as .jpg, .gif etc. To define a file-select field that allows multiple files to be selected, add the "multiple" attribute. When adding a file field to a form, you might want to limit the selector to images. However, this accepts all types of files. Tip: Do not use this attribute as a validation tool. This displays a browse button, which the user can click on to select a file on their local computer. Browser Support. How to use input type file in angular material Hi, I am using angular material for designing. Or simply: . ... Sets or returns the value of the accept attribute of the file upload button: autofocus: Sets or returns whether a file upload button should automatically get focus upon page load: When present, it specifies that the user is allowed to enter more than one value in the element. Note: The accept attribute can only be used with . Note: The multiple attribute works with the following input types: email, and file. The accept attribute specifies a filter for what file types the user can pick from the file input dialog box (only for type="file"). 938. Example. The defines a file-select field and a "Browse" button for file uploads. So to accept only PNGs, JPEGs and GIFs you can use the following code: . Expand snippet. But it's accepting all type of file. Once a file has been selected, the file name appears next to the button. you have to code on the server side to check the file an image or not. This displays a browse button, which the user can click on to select a file on their local computer. Change the accepted content type: // The server will only accept audio files in the file upload document.getElementById("myFile").accept = "audio/*"; Questions: I was hoping someone can help me out. I have a file upload object on my page: with the following excel files on my desktop: file1.xlsx file1.xls file.csv I want the file upload to ONLY show .xlsx, .xls, & .csv files. .jpg, .png, .doc). when i go on angular material site there no input type file element.