reactjs - ファイルアップロード用のDropzone

Question

reactjsでファイルをアップロードしようとしているときに、ファイル（フルパス）を取得する方法を教えてください。反応ドロップゾーン成分を使用しています。

<Dropzone accept="image/jpeg, image/png, txt/plain" maxFilesize= "2" 
onDrop={(files) => this.onDrop(files)}> 
<div>Try dropping some files here, or click to select files to upload.</div> 
</Dropzone> 

お勧めします。

Answer 1

Blobというファイルは、filesという変数にあります。

あなたはそのブロブでcreate an object urlかもしれません。例えば;

const temporaryURL = URL.createObjectURL(files[0]);。これで、一時URLが作成されます。しかし、それは記憶に残るだろう。そのURLがもう必要ないときは、それを忘れることを忘れないでください！ URL.revokeObjectURL(temporaryURL);