问题标签 [react-dropzone]

我在这里寻找reactjs中的上传文件夹。我在那个doc中有文件夹，并且docx文件在那里我只想在用户单击浏览按钮时上传文件夹。我必须不允许用户选择单个文件。有人可以给我简单的文件夹上传或文件夹选择示例，其中用户只能选择文件夹而不是文件。实际上，我正在查看 react-dropzone 库，但不了解如何将其用于文件夹选择或上传。如果有人可以指导我或给我一个简单的例子，它会显示文件夹上传示例，这将是很大的帮助。在此先感谢。

我正在尝试访问用户上传的 EPUB 文件的原始文本。

尝试了一些没有运气的库，大多数都需要一个本地文件路径来访问它看起来的文件内容，我不知道如何访问它的临时文件路径。

当我使用 React-Dropzone 时，我可以访问 javascript File 对象。

这是一个 Epub 库上的文档，如果我能让它读取上传的文件，它看起来很完美： https ://github.com/julien-c/epub

任何提示将非常感谢。

使用 selenium ide 为反应应用程序记录测试用例，但无法从 selenium-ide 上传文件。React-dropzone 包用于文件上传。

尝试使用命令“类型”和“发送密钥”，但没有奏效。

硒化物：3.6.0 铬：74.0.3729.108

尝试使用 firefox，但收到错误消息“目前仅 Chrome 支持文件上传”

selenium ide 能够上传文件并通过测试用例。

我正在使用 react-dropzone 和 cloudinary 进行图像上传。

我已经在我的帐户和我的反应项目之间建立了成功的连接，并且我可以通过我的反应项目上传图像。

我在反应项目中设置文件名时遇到问题。

这是我的反应项目的代码片段。

我已经尝试过这样的事情：

但是我收到一个错误，说该文件是只读的。

这是我所拥有的工作示例

在将文件发送到 cloudfire 之前如何更改文件名？

我在 AWS EC2 实例服务器上继承了前端的 React.JS 和后端的 Node.JS/Express.JS 代码库。我使用的代码是 react-dropzone ( https://react-dropzone.js.org/ )，并且只用于拖放图像文件。我正在处理的项目的产品所有者现在希望它接受所有文件（*.pdf、*.docx、*.xlsx 等）。

我想知道如何让它接受所有文件？我已经浏览了 react-dropzone 文档，但我还没有找到任何示例来展示如何让它接受所有文件类型？是否像设置accept="..."from accept="image/*"to一样简单accept="*/*"？字符串可以accept="..."是一个数组，比如：accept=["image/*","text/*",...]等吗？什么是让 react-dropzone 接受任何文件类型的正确方法？

这是我的onDrop回调代码——</p>

...这是<DropZone>同一文件中的代码-</p>

希望你能帮我解决这个问题，我正在使用react-dropzone中的 useDropzone 挂钩，但我不知道如何为每个文件创建一个删除文件按钮。

如何删除单个文件？

这是我的代码：

我正在尝试创建一个从用户计算机读取 DICOM (.dcm) 文件并将其显示在遮阳板上的 React 应用程序。

我设法使用 react-dropzone 成功选择文件，但我不知道如何获取文件路径以读取它。

检查我读过的其他类似问题“您只能在前端读取文件，所有操作都必须在后端完成”所以我认为我不需要将文件发送到后端，但我无法找到适用的答案我。

这是我对 dropzone 的包装：

这是 updateState(acceptedFiles) 方法：

this.state.Files 成为一个元素的数组，但路径显然与文件名相同。当我尝试读取文件时，我总是在控制台上收到相同的错误：

GET http://localhost:3000/filename.format 404（未找到）

如何获得读取文件的正确路径？没有必要以任何方式操纵它。

我正在使用一个 js 库react-dropzone来允许用户拖放文件。

用户可以单击按钮打开覆盖以拖放文件，但我还希望能够允许用户拖动到窗口上然后显示窗口。

目前，这不起作用，因为它无法识别onDragOver事件侦听器，因为当前覆盖设置为display: none所以没有继承的高度，所以我拖动到屏幕上，但拖动到覆盖，因为它当前的高度和宽度为0。

这是我UploadOverlay使用的组件react-dropzone

这是我的CSS

我现在有点不知所措。我曾尝试将 of 设置opacity为.UploadOverlay，0但随后我无法单击屏幕上除叠加层以外的任何元素。然后我尝试将z-indexof设置.UploadOverlay为-1然后我无法拖动到屏幕上。

也许，我在结构上走错了路？任何帮助将不胜感激。

如果您想自己尝试一下，我有一个CodeSandbox 。

晚上好，

我在编写一些代码时遇到了一点问题。我刚开始学习 React，所以任何帮助都将不胜感激。

我正在尝试使用 react-dropzone 和 Laravel 作为后端编写一个小的多图像上传页面。

当我点击提交按钮时，电子邮件地址正在通过正常，但图像发生了一些事情。图像正在通过 laravel 验证正确传递，并且if( $request->hasFile('myimages') ) {线路正确传递，但是当它到达 foreach 循环时，它什么也没找到。我不确定这是 laravel 的事情还是反应的事情，我猜我之前使用过这个 php 上传脚本的反应。

我的反应代码如下；

我的 Laravel 代码是；

感谢您提前提供任何帮助。