使用 React-dropzone 拖放空文件夾

Question

我正在處理一個文件夾上傳項目並為此使用 React-dropzone。

但是，當我刪除一個文件夾並且該文件夾不包含任何內容時，acceptedFiles 保持為空。 我注意到acceptedFiles，每個文件object 都包含一個給出位置的“路徑”屬性，這是因為react-dropzone 使用文件選擇器庫。

const onDrop = useCallback((acceptedFiles) => {console.log(acceptedFiles)}

但根據文檔，我可以創建一個自定義的放置事件，它可以檢測文件夾是否被刪除（即使它是空的） const {getRootProps, getInputProps, isDragActive} = useDropzone({onDrop, getFilesFromEvent: event => myCustomFileGetter(event)})

有誰知道如何為我的空文件夾結構生成路徑？ 這是一個問題，因為如果我要刪除一個包含多個子文件夾的文件夾，那么只有那些文件夾會被其中包含文件的文件選擇器檢測到。

Answer 1

似乎它使用的庫會查找要上傳的文件，如果文件夾中沒有文件，則不會上傳該文件夾。 這來自“為什么需要上傳一個空文件夾？”的想法。 自己上傳文件時。

這是文件選擇器庫本身的一個限制，因此找到另一個解決方案可能是一個更好的主意。

https://github.com/react-dropzone/react-dropzone/issues/934