React?를 사용하여 파일을 업로드하는 방법은 무엇입니까?

Question

현재 파일을 업로드하고 Google Clouds에 저장하려고합니다. 그러나 React-Redux를 사용하여 입력 파일을 얻는 방법에 대해 고민하고 있습니다.

기본적으로 백 엔드 부분은 이미 완료되었습니다.이 명령을 사용하여 HTTPie를 사용하여 테스트했습니다. HTTP localhost:8000/v1/... @(file_path) 완벽하게 작동합니다.

입력 태그를 사용한 후 : <input type="file" onChange=""> 저는 사용자가 선택한 file_path를 얻는 방법을 모르겠습니다. 그리고이 방법을 사용하여 업로드 된 파일을 가져올 수 있는지 여부조차 모르겠다.

는

Answer 1

당신은 빠른 회신 방법 <input type="file" onChange={this.handleChangeFile.bind(this)}>

에 의해

handleChangeFile(event) { 
    const file = event.target.files[0]; 
    let formData = new FormData(); 
    formData.append('file', file); 
    //Make a request to server and send formData 
}