Input type=file apply a filter??

italiansensation · January 31st, 2005, 02:43 PM

I am curious to know if anyone can help me out with applying a filter (only show *.doc || All Files) to the browse dialog that appears. I am able to do it successfully with a windowsapplication, but not sure how to do with a webform. Any help would be awesome. thanks

Imar · January 31st, 2005, 02:47 PM

Unfortunately, you cannot do that. The <input type="file"> control does not provide this functionality.

What you could do is validate the contents of the input box with JavAscript after the user has selected a file. It's not as good as a file filter, but it least it minimizes the chance someone uploads an incorrect document format.

Cheers,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.

wajhi · May 2nd, 2006, 02:10 AM

Hi,

Actually there is a way to set filter to "Input Type File" just add below Attribute to your "Input type file" and it will work.

accept="image/gif,image/jpeg"

you can add as many options you want as comma separated values

thanks,
Wajhi

val_hristov · May 24th, 2006, 04:06 AM

Quote:

quote:Originally posted by wajhi
Actually there is a way to set filter to "Input Type File" just add below Attribute to your "Input type file" and it will work.

This doesn't seem to work neither in IE or Moz. MSDN says: There is no functionality implemented for this property unless defined by the author.
http://msdn.microsoft.com/library/de...ies/accept.asp

Any suggestions? Here is my ASPX:
<%@ Page language="c#" Codebehind="Default.aspx.cs" AutoEventWireup="false" Inherits="Upload.FileFilters._Default" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
    <title>Default</title>
</head>
<body>
    <form id="Form1" method="post" runat="server">
        <input type="file" id="file1" accept="video/mpeg">
    </form>
</body>
</html>