21得票3回答
如何在单文件模式下使用Dropzone?

我正在使用React Hooks与Dropzone。 因此,我的代码看起来像这样:const onDrop = (acceptedFiles) => { console.log(acceptedFiles); }; const { getRootProps, getInputPr...

18得票3回答
使用Fetch和FormData APIs上传多个文件

我正在尝试使用原生的Fetch和FormData API一次性上传多个文件到服务器,但是我无论如何都无法让它工作。以下是我的代码: // acceptedFiles are File objects coming from `react-dropzone`. function handleS...

18得票4回答
如何使用Jest和react-testing-library测试react-dropzone?

我想在React组件中使用react-dropzone库的onDrop方法进行测试。我正在使用Jest和React Testing Library。我创建了一个模拟文件并尝试将这些文件放入输入框中,但在控制台中,文件仍然等于一个空数组。你有任何想法吗?package.json"typ...

16得票4回答
如何从react-dropzone中删除文件?

希望你能帮我解决这个问题,我正在使用react-dropzone的useDropzone hook,但我不知道如何为每个文件添加一个删除文件的按钮。 我该如何删除单个文件? 这是我的代码:function DragFile(props) { const { acceptedFiles,...

14得票1回答
如何让 react-dropzone 中的预览支持非图片文件?

我需要帮助,想知道如何使用 react-dropzone NPM 包在除图片文件 (*.png, *.jpg/jpeg, *.gif 等) 之外的文件上显示上传文件的预览。目前,在网页表单中使用 Dropzone 上传其它类型的文件时,如果上传的是图片文件(*.png, *.jpg等),我们设...

13得票4回答
如何正确测试React Dropzone的onDrop方法

我正在测试 React Dropzone,需要检查 onDrop 函数。该函数有两个参数(acceptedFiles 和 rejectedFiles)。我像这样模拟文件:let image = { name: 'cat.jpg', size: 1000, type: 'image/...

11得票3回答
在React Redux存储中存储文件对象的最佳方法是什么?(从DropZone上传文件?)

我目前正在使用Material Ui的dropzone上传多个文件,想知道将文件添加/更新到redux store的最佳方法。当"onChange"触发时,我正在执行dispatch操作,该操作返回dropzone上的所有文件并将整个文件数组(具有文件对象)存储到redux状态中进行更新。 ...

11得票3回答
react-dropzone打开文件选择器两次。

我遇到了关于 react-dropzone 的问题已经有一段时间了。 首先,让我们通过视频直接了解问题:https://drive.google.com/open?id=1UmWtHbQ9U0LBHxYtZ1YSoXrfsezwH-os 每当我网站上有文件输入时,文件选择窗口会打开两次,这...

11得票2回答
在React中,如何将动态变量传递给const CSS样式列表?

我正在使用react-dropzone让用户上传头像。 我的自定义CSS定义如下:const dropzoneStyle = { width: `200px`, height: `200px`, backgroundColor: `#1DA1F2`, }; 在渲染DropZone...

10得票4回答
如何在 react-hook-form 中使用 react-dropzone?

如何使用React-Dropzone和React-Hook-Form,以便表单返回正确的文件,而不仅仅是文件名?请按照以下格式操作。