Input FileUpload accept Property

Change the accepted content type:

// The server will only accept audio files in the file upload
document.getElementById("myFile").accept = "audio/*";

Description

The accept property sets or returns the value of the accept attribute of the file upload button.

The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).

Property
accept	Yes	Not supported	Yes	Not supported	Yes

Return the accept property:

fileuploadObject.accept

Set the accept property:

fileuploadObject.accept = "audio/*,video/*,image/*,MIME_type"

Tip: To specify more than one value, separate the values with a comma.

Value	Description
audio/*	All sound files are accepted
video/*	All video files are accepted
image/*	All image files are accepted
MIME_type	A valid MIME type, with no parameters. Look at IANA MIME types for a complete list of standard MIME types

Return Value:	A String, containing a comma-separated list of accepted content types

Display the accepted content type of a <input type="file"> element:

var x = document.getElementById("myFile").accept;

Accept multiple content types:

// The server will only accept audio and video files in the file upload
document.getElementById("myFile").accept = "audio/*,video/*";