问题标签 [react-dropzone]

我已经使用拖放构建了一个文件上传组件react-dropzone。

我想检查文件，用户拖动到 dropzone 并在它们被拖动时执行此操作（在它们被拖放到 dropzone 之前）。

我试过这个：

但非draggedFiles,acceptedFiles并且rejectedFiles有任何价值。

我在这里错过了什么......？

编辑：

为了让我的问题更清楚：

我想在用户将文件放到dragzone. 在我的场景中，通过将 mimetypes 传递给accept属性的验证还不够：

1. 用户将文件拖过dragzone并被onDragOver解雇
2. 现在检查文件并dragzone更新以显示消息files are ok或，因此用户在删除文件之前files not ok获取此信息
3. 用户正在删除文件并被onDrop触发

我正在尝试在 react-simple-chatbot 中使用 react-dropzone，但是当我上传文件时，它会显示 2 个警告：

1. React does not recognize the previousStep prop on a DOM element.

2. React does not recognize the triggerNextStepenter image description here prop on a DOM element.

我能够找到类似的问题，但他们的解决方案不适合我。我应该如何使它工作？

编辑：我添加了一个类似于我的方法的示例。

我正在尝试在我的应用程序上实现 react-dropzone 但我无法发布并且总是得到Internal Server Error和 error: TypeError: argument should be a bytes-like object or ASCII string, not 'list' in case data帖子必须使用转换 base64

这是我的 onDrop 功能

这是我的渲染方法：

这是提交后的错误图片

这是提交后的json图片

我找不到任何关于文件包文件数量限制的来源

我的应用程序中有路由，让用户上传一堆照片。无论文件占用多少空间，最大数量为 20 张照片；

请求标头

请求有效载荷

控制器方法

这是我检查 fileBag 时得到的

为什么会这样？

我是 reactjs 的新手，想在 s3 上上传图片，但不知道它是如何工作的......而且不知道我从哪里获得图片路径来自 aws（在哪个函数中）？

这是我的反应代码

我的服务器文件Server.js

这是提出请求

这里是 cors 配置

这是跨源错误

请帮助我摆脱这个错误...请让我知道我在这里缺少什么...

我正在尝试使用 Selenium 在 Capybara、Rails 5.2 功能规范中测试文件上传。

我一直在寻找这个并找到了一些建议。其中之一是如何测试使用 Capybara 和 Dropzone.js 上传文件？

但是，这些解决方案适用于 jQuery 和 Dropzone.js。有人对此有解决方案吗？

我有一个非常奇怪的问题。我有一个后端 api 可以将 json 数据导入我的 mongodb。

在屏幕上，我有一个上传按钮来上传文件，为此我使用了 react-dropzone。例如认为我有一个像“db.json”这样的文件，在这个文件中有一个如下的 json

问题是这样的。如果浏览器控制台打开，那么我的代码运行成功，我可以将 json 数据导入我的 mongodb。但如果浏览器控制台关闭，我会收到“SyntaxError：JSON 输入意外结束”错误。

这是我在导入按钮上使用的功能

}

我做错了什么或者是什么原因造成的？你能帮助我吗？

谢谢

我正在使用react-dropzone将文件上传到我的反应应用程序中的服务器。一切都很好，但我想添加一个功能，如果文件由于其大小而需要很长时间上传，用户可以通过单击按钮取消该过程。

如果可以使用 react-dropzone，请告知。我想不出一种方法来停止已经触发并正在上传文件的事件。

我有一个反应项目，我正在使用 react-dropzone 组件：

我想让它有状态并根据状态显示不同的图像和文本。我将我的状态定义为：

状态可以根据用户操作进行更改（因此，当他们将文件拖到 dropzone 上时，我会按如下方式更新状态：

}

我的渲染方法是一个三步过程： 1. 实际的渲染方法

}

根据状态选择要渲染的内容：

最后是将每个案例呈现为函数的代码：

}

没有什么太疯狂了。我的问题是，随着状态的变化，文本会更新，但图标不会。这是一个有趣的问题，因为应用程序的逻辑有效，但它的特定元素没有得到更新。更有趣的是，我尝试将整个返回包装在另一个 div 中并得到错误： Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node is not a child of this node. 我正用头撞墙。如果有人以前遇到过这个并有任何提示，非常感谢！