reactjs - 懸浮窗文件上傳

Question

我如何獲取該文件（完整路徑），而我試圖上傳reactjs文件。我正在使用react-dropzone組件。

<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

你有這些文件作爲files變量Blob。

您可以create an object url與斑點。例如;

const temporaryURL = URL.createObjectURL(files[0]);。有了這個，你將有一個臨時的URL。但它會留在記憶中。所以，當你不再需要這個URL時，不要忘記撤銷它！ URL.revokeObjectURL(temporaryURL);