我们如何使用 React.JS 上传多个文件？当我们点击上传按钮时，所选文件的所有名称都必须出现

Question

onFileChange = (event) => {
    if (event.target.files) {
      console.log(Array.from(event.target.files) , "file");
      this.setState({
        selectedFile: Array.from(event.target.files),
        selectedFileName: Array.from(event.target.files[0].name),
      });
      
    }
    document.getElementById("fileUpload").classList.remove("fileUpload");
  };

 

<label for="fileUpload"  onChange={this.onFileChange} multiple>
                              
                          
                            <input id="fileUpload" style={{visibility:"hidden"}} 
                              type={"file"}   
                             />
                            </label>

点击标签我们需要上传多个文件，文件名也应该显示在UI.Here是我的代码。

Answer 1

 handleFile = (e) =>{
    let images = e.target.files;
    var i;
    for( i=0;i<e.target.files.length;i++){
      this.state.targetFile.push(images[i].name );
     }
     this.setState({
    selectedFile:this.state.targetFile

  })
};

这对我有用

我们如何使用 React.JS 上传多个文件？当我们点击上传按钮时，所选文件的所有名称都必须出现

How can we upload multiple files using React.JS ? When we click on the upload button all the names of the selected files must appear

upload

file

reactjs