Reactを使用してファイルをアップロードするには？

Question

現在、私はファイルをアップロードしてGoogle Cloudsに保存しようとしています。しかし、私はReact-Reduxを使って入力ファイルを取得する方法について悩んでいます。

基本的に私のバックエンド部分はすでに完成していますが、このコマンドでHTTPieを使ってテストしました HTTP localhost:8000/v1/... @(file_path) これは完全にうまく動作します。

入力タグを使用した後： <input type="file" onChange=""> 私は、ユーザーが選択したfile_pathを取得する方法を知りません。 そして、この方法でアップロードしたファイルを入手できるかどうかは分かりません。

は、あなたが方法でのonChangeファイルを扱う傾けるあなた

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 
}