Filter Extensions in HTML form upload

html webforms file-upload
ripper234 picture ripper234 · Oct 31, 2008 · Viewed 109.5k times · Source

I have a simple HTML upload form, and I want to specify a default extension ("*.drp" for example). I've read that the way to do this is through the ACCEPT attribute of the input tag, but I don't know how exactly.

<form enctype="multipart/form-data" action="uploader.php" method="POST">
Upload DRP File:
<input name="Upload Saved Replay" type="file" accept="*.drp"/><br />
<input type="submit" value="Upload File" />
</form>

Edit I know validation is possible using javascript, but I would like the user to only see ".drp" files in his popup dialog. Also, I don't care much about server-side validation in this application.

Answer

ParaMeterz picture ParaMeterz · Jun 11, 2013

For specific formats like yours ".drp ". You can directly pass that in accept=".drp" it will work for that.

But without " * "

<input name="Upload Saved Replay" type="file" accept=".drp" />
<br/>

Related questions

How to do a Jquery Callback after form submit?

I have a simple form with remote=true. This form is actually on an HTML Dialog, which gets closed as soon as the Submit button is clicked. Now I need to make some changes on the main HTML page after …

Read More
How to create <input type=“text”/> dynamically

I want to create an input type text in my web form dynamically. More specifically, I have a textfield where the user enters the number of desired text fields; I want the text fields to be generated dynamically in the …

Read More
Create a HTML table where each TR is a FORM

I'm trying to create a table where each row is a form. I want that each input is in a different table division, but I still need that for example, all first inputs belong to the same table head and …

Read More