perform client side validation on file input - accept attribute doesn't work

Question

I'm currently trying to build a small website in Visual Studio, ASP.net with C#. The user has to upload a file, but I only want to accept Excel files.

Currently I already have this piece of server side validation:

public ActionResult Index(HttpPostedFileBase file){
  if (file != null && file.ContentLength > 0){
      string fileName = Path.GetFileName(file.FileName);
      if (fileName.EndsWith(".xlsx")) //enkel gewoon Excel bestand wordt aanvaard. {
           ...

That does the trick, but I don't know how to solely allow Excel files in the client side. I currently have this, but it doesn't limit the user yet. I can still upload whatever file I want.

<input type="file" name="file" value="Bestand kiezen" accept=".xlsx" />

I'm aware that client side limitation isn't 100% fool proof, but I'd like to implement the feature anyway. Thanks in advance!

EDIT: I got the answer thanks to the fellas below. I ended up using this, which shows .xls and .xlsx files

<input type="file" name="file" value="Bestand kiezen" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />

This might be useful : http://stackoverflow.com/a/11834872/1870760 Check the accept attribute on the excel cases — Hatted Rooster, Dec 14 '14 at 18:23

score 0 · Accepted Answer · edited May 23 '17 at 11:57

0

The accept attribute is supported by some browsers but not all, and the level of support varies; see e.g. answers to File input 'accept' attribute - is it useful? and Input accept attribute in Firefox

Note that accept=".xlsx" restricts, on supporting browser, the input to files that have a filename extensions of .xlsx, thereby usually ignoring Excel files created with older versions of Excel, which produce .xls files. Generally, any software that can handle .xlsx can handle .xls as well.

edited May 23 '17 at 11:57

Community

1
1

answered Dec 14 '14 at 18:22

Jukka K. Korpela

178,198
33
241
350

Mmhmm, that sort of worked, yes. The pop up window still uses standard *.* files, but it also has the option to use my specified types. thanks btw! – I_Am_Not_user3185054 Dec 14 '14 at 18:51

score 0 · Answer 2 · answered Dec 14 '14 at 18:26

0

<input type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /> it should work

answered Dec 14 '14 at 18:26

Alex Sikilinda

2,790
14
31

perform client side validation on file input - accept attribute doesn't work

2 Answers2