W3Schools.com

FileUpload accept Property

Fileupload Object Reference Fileupload Object

Definition and Usage

The accept property sets or returns a comma-separated list of accepted content types.

Syntax

Set the accept property:

fileuploadObject.accept="content-type,content-type,..."

Return the accept property:

fileuploadObject.accept


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The accept property is supported in all major browsers! However, only Firefox, Opera, and Chrome are filtering out the proper file types when browsing the files.


Example

Example

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

<html>
<head>
<script type="text/javascript">
function displayResult()
{
var x=document.getElementById("fname").accept;
alert(x);
}
</script>
</head>
<body>

<form id="form1">
Select a file to upload:
<input type="file" id="fname" size="50" accept="video/*" />
</form>

<button type="button" onclick="displayResult()">Display accepted file types</button>

</body>
</html>

Try it yourself »


Fileupload Object Reference Fileupload Object
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$3.98 Unlimited Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Best Website Templates Top CSS Templates
CREATE HTML Websites
EASY WEBSITE BUILDER
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE