How to limit the maximum files chosen when using multiple file input in Reactjs?

Question

I want to limit the maximum upload of files while choosing a file in ReactJS. I'm not sure how to handle this. I tried with some solution but it did not work for me.

<input name="eventUpload" type="file" onChange={this.uploadMultipleFiles} multiple className="form-control-file" />

possible duplicate of stackoverflow.com/questions/10105411/… — Harish
– Harish, Commented Nov 12, 2019 at 7:05

junwen-k · Accepted Answer · 2019-11-12 07:05:38Z

2

You can do it with some simple Javascript conditional check.

const MAX_LENGTH = 3;

uploadMultipleFiles = (e) => {
  if (Array.from(e.target.files).length > MAX_LENGTH) {
    e.preventDefault();
    alert(`Cannot upload files more than ${MAX_LENGTH}`);
    return;
  }
}

edited Nov 12, 2019 at 7:05

answered Nov 12, 2019 at 7:00

junwen-k

3,7041 gold badge17 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

How to limit the maximum files chosen when using multiple file input in Reactjs?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related