在Reactjs中使用多个文件输入时,如何限制选择的最大文件数?

在Reactjs中使用多个文件输入时,如何限制选择的最大文件数?,reactjs,Reactjs,在ReactJS中选择文件时,我想限制文件的最大上载量。 我不知道该怎么办。我尝试了一些解决办法,但对我来说不起作用 <input name="eventUpload" type="file" onChange={this.uploadMultipleFiles} multiple className="form-control-file" /> 您可以通过一些简单的Javascript条件检查来完成 const MAX_LENGTH = 3; uploadMultipleFil

在ReactJS中选择文件时,我想限制文件的最大上载量。 我不知道该怎么办。我尝试了一些解决办法,但对我来说不起作用

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

您可以通过一些简单的Javascript条件检查来完成

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;
  }
}
可能重复的