uploading file - restricting file types..

Mad_T

Hi
This is a basic file upload form :

<form method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file"  name="file" id="file" /><br/>
<input type="submit" name="upload" value="upload" /><br/>
</form>

I have two issues..

How do I get this to only show specific file type and file with key words in it ?
so only show .txt files with Report somewhere in the name.
When you select a file the file name is displayed on screen, but it is truncated so I can see the full name.
Can that be expanded ?

Thanks 🙂

Weedpacket

The input element has an accept attribute where you can specify a list of MIME types for a file upload field.
User agents may use this information to filter out non-conforming files when prompting a user to select files to be sent to the server
Specify a width in the element's style.

Weedpacket

The input element has an accept attribute where you can specify a list of MIME types for a file upload field.
User agents may use this information to filter out non-conforming files when prompting a user to select files to be sent to the server
Specify a width in the element's style.

Mad_T

Thanks 🙂

I've restricted it to .txt, but I can't work out how to change the width.

or how to set to show only files with Report in the name !

Any ideas ?

bradgrafelman

Mad_T;11010069 wrote:
I've restricted it to .txt

Out of curiosity, how did you go about doing that? If you only made a change in the client-side markup (e.g. the HTML), then note you really haven't "restricted" anything at all. (Who says someone that wants to upload "my_nasty_virus.exe" isn't going to alter your client-side markup - or even ?)

Mad_T;11010069 wrote:
but I can't work out how to change the width.

If you're talking about the style of the <input> element itself, you're probably out of look - a lot of CSS/scripting access has been limited to INPUT elements with the "file" type in order to protect user security. (Grabbing files off your hard drive and sending them over the World Wide Web can be a security nightmare, after all.)

Mad_T;11010069 wrote:
or how to set to show only files with Report in the name !

Again - this might not be possible using standard HTML due to security restrictions. In the past, the only suggestion I've seen to gain more control over the file upload dialog and/or display is to resort to using some sort of embedded Flash/Java object rather than the standard INPUT element.

Bonesnap

When it comes to uploading files (or any form, really), any validation that's done on the client side should be duplicated on the server side.

Mad_T

I changed the input to :

<input type="file" name="file" id="file" accept="text/plain, application/txt"/><br/>
That seems to show only .txt files.

I do check what's been uploaded before anything else is done !

Thanks 🙂