如何解决如何使用 react-dropzone 或 react-dropzone-uploader 在 Chonky.io“上传按钮”中触发文件上传对话框? - 反应、打字稿、Chonky.io
谁能告诉我如何使用 react-dropzone 或 react-dropzone-uploader 在 Chonky.io“上传按钮”中以编程方式触发文件上传对话框?这是我目前想到的。
export const useFileActionHandler = (
setCurrentFolderId: (folderId: string) => void,deleteFiles: (files: CustomFileData[]) => void,moveFiles: (
files: FileData[],source: FileData,destination: FileData,) => void,createFolder: (folderName: string) => void,) => {
const handleFileCallback = useCallback(
(data: ChonkyFileActionData) => {
if (data.id === ChonkyActions.OpenFiles.id) {
const { targetFile,files } = data.payload;
const fileToOpen = targetFile ?? files[0];
if (fileToOpen && FileHelper.isDirectory(fileToOpen)) {
setCurrentFolderId(fileToOpen.id);
return;
}
} else if (data.id === ChonkyActions.DeleteFiles.id) {
deleteFiles(data.state.selectedFilesForAction!);
} else if (data.id === ChonkyActions.MoveFiles.id) {
moveFiles(
data.payload.files,data.payload.source!,data.payload.destination,);
} else if (data.id === ChonkyActions.CreateFolder.id) {
const folderName = prompt('Provide the name for your new folder:');
if (folderName) createFolder(folderName);
} else if (data.id === uploadFiles.id) {
console.log('UPLOAD FILES');
}
},[
createFolder,deleteFiles,moveFiles,setCurrentFolderId,],);
return {
handleFileCallback,};
};
现在,当我单击按钮时,我可以控制台记录“上传文件”这个词,但我不知道如何触发 react-dropzone 或 react-dropzone-uploader 的文件对话框打开。从上周开始我一直在寻找这个问题的答案,希望你能帮助我。谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。