reactjs - 用于文件上传的Dropzone

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使用那个blob。例如;

const temporaryURL = URL.createObjectURL(files[0]);。有了这个，您将拥有一个临时URL。但它会留在记忆中。因此，当您不再需要该URL时，请不要忘记撤消它！ URL.revokeObjectURL(temporaryURL);