问题标签 [react-dropzone]

我正在测试React Dropzone，我需要检查 onDrop 函数。这个函数有两个参数（acceptedFiles 和rejectedFiles）。我正在嘲笑这样的文件：

然后在我的测试中，我这样做：

这是我的 onDrop 函数：

预期的结果是 handleOnDrop 返回接受文件但返回拒绝文件，我不知道为什么。

哑剧类型没关系，也有大小。

这就是 react-dropzone 的功能：

谢谢。

我正在使用以下内容允许用户使用react-dropzone上传个人资料照片：

...在我的 redux-form 中：

React-dropzone 当前尊重 maxSize，它拒绝超过 5megs 的文件。问题是 react-dropzone 没有告诉用户文件太大。

如何更新上述内容以告诉用户文件是否超过允许的 maxSize？

我正在使用react-dropzone来允许用户上传个人资料照片。

我像这样定义自定义 CSS：

在呈现 DropZone 输入的方法中，我可以检测它们是否是在用户选择要上传的图像后填充的文件预览。

我想要做的是，如果 file.preview 存在，则将 file.preview 发送到 dropzoneStyle，以便将背景图像添加到 CSS 中。

如何files[0].preview使用 React 传递给样式 dropzoneStyle？

我正在尝试在我的应用程序上实现 Dropzone，但如果照片作为多个输入放置，我将无法预览它们。如果我一个一个地添加它们，它工作正常，但如果我选择多个，只有第一个被渲染。

这是我的 onDrop 功能

这是我的渲染方法：

上传计数显示数组的正确大小，但预览计数仅计算丢弃的第一张照片

现在，当用户按下上传按钮并选择一个文件时，它会自动上传文件，但我不想自动上传，我想先向他们选择的用户显示文件，然后再上传。我需要帮助，请帮忙。这一切都是在反应中完成的。

我想知道如何在 dropzone 上的文件已经保存在服务器和数据库中之后清空它？我的问题是，当我提交它时，维护 dropzone 上的文件，甚至关闭模式。我希望我能给出一个关于清空 dropzone 的代码，但我不知道所以我将留下 dropzone 的代码并提交。

onsbumit 的代码

ondrop 的代码

我想知道如何在 dropzone 上的文件已经保存在服务器和数据库中之后清空文件。我的问题是，当我提交它时，维护 dropzone 上的文件，甚至关闭模式，我希望我可以提供一个关于清空 dropzone 的代码，但我不知道所以我将保留 dropzone 和 onsubmit 的代码以下。

onsubmit 的代码

ondrop 的代码

我的问题是提交时没有刷新 renderImage 文件

最后是dropzone

我正在使用以下代码上传文件。文件将通过 superagent 以 blob 格式发送，到达服务器时将其转换为 dataURI 并保存到 AWS S3。

文件上传有效，但进度条未正确填充。

根据屏幕截图，您可以看到 ProgressEvent 上传百分比非常快地以 100% 结束，因为前端和后端都托管在同一台服务器上。

上传进度在后台继续，但方向从 14:14:08 到 14:14:14 变为“下载”而不是“上传”，并完成响应。

我也无法根据“总加载”计算进度，因为在“下载”进度期间，总数为 0。

尝试用 axios 替换 superagent 并遇到同样的问题。

我怎么能从中建立一个进度条？我可以断定“上传”是上传到服务器的过程，而“下载”是上传到AWS的过程吗？

我正在使用 react-dropzone 上传文件。从 react-dropzone ，我得到一个预览，它是一个 blob url。

预览：“blob：http://localhost:8080/96ff7bfc-2825-4316-8914-943a1b3b7f28 ”

我如何在服务器端 nodejs 中访问相同的内容？我想在服务器中拥有该文件的副本并将服务器路径返回给客户端。

在下面的代码中，我有两个控制器，即上传/发布和文档/发布，由于秒数的原因，在 API 上传输时保存 file.name 的难度很小，有时两者不匹配，例如数据库一是file20170801053331.jpg因为上传的图片file20170801053332.jpg，两个不匹配所以我打算将文件名传输到上传控制器，所以它会是相同的，但文件名不能更改。