Only allow specific file extensions in angular-file-upload module to be clickable

Question

I'm using this module, https://github.com/nervgh/angular-file-upload

I am using their simple example, http://nervgh.github.io/pages/angular-file-upload/examples/simple/

When you click "Choose file" button, it will open a window which allows us to pick a file that we want to upload. What I would like to happen is to only allow specific file extensions to be clicked. Is there a non-documented configuration which will do that?

For example, in the config, we only allowed .txt extensions, when I click "Choose file" button, it will open up a window and show all the files. However, files that doesn't have the extension .txt will be disabled.

I'm not doing this for security purposes. I am just following the design/instructions provided to me. :) I can always use mitm tools to intercept and allow other extensions to be uploaded.

score 16 · Accepted Answer · 2015-06-19 07:33:39Z

16

You can simply achieve your goal by doing this

accept=".txt"

<input ui-jq="filestyle" type="file" nv-file-select="" accept=".txt" uploader="uploader" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline v-middle input-s" multiple>

more information

edited Jun 19, 2015 at 7:33

answered Jun 19, 2015 at 4:49

user4692688

Sign up to request clarification or add additional context in comments.

6 Comments

devwannabe Over a year ago

I also got it to work using this code uploader.filters.push({ name: 'customFilter', fn: function(item) { return /\/(txt)$/.test(item.type) } });

devwannabe Over a year ago

I'll try your suggestion too

devwannabe Over a year ago

WOW, my answer is only filtering and your answer is the answer I really like! Thank you so much!!!!! :D

devwannabe Over a year ago

what if i only want to accept extensions, png, gif and jpg, what will be the code? Will it be like this? accept=".txt|.png|.gif|.jpg"

TommyQu Over a year ago

@devwannabe If I want to disallow specific file types, what should I do?

|

Collectives™ on Stack Overflow

Only allow specific file extensions in angular-file-upload module to be clickable

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related