Checking file input type in React.js

Question

I am a newb to react and was trying to find a function to check for specific file format type(mp4,flv,,ect) when ever i upload something using react besides using dropzone?

AKX · Accepted Answer · 2018-08-10 07:08:20Z

9

You can add the accept="" attribute to your <input type="file"> to allow the user to only select files of a certain type.

For instance,

<input type="file" accept="video/*">

will accept all video, and

<input type="file" accept=".mp4,.flv">

will accept files with those extensions.

answered Aug 10, 2018 at 7:08

AKX

171k16 gold badges147 silver badges229 bronze badges

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

Comments

SHR · Accepted Answer · 2020-04-14 11:25:04Z

6

Note that the accept attribute doesn't work as a validation tool, as files should be validated on the server. The accept attribute used for hinting the browser to show files that match the value of accept. Therefore the user will be able to choose any file type he wants.

answered Apr 14, 2020 at 11:25

SHR

611 silver badge3 bronze badges

Collectives™ on Stack Overflow

Checking file input type in React.js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related