问题标签 [react-dropzone]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
966 浏览

javascript - 使用文件幻数的文件类型检查器

我已经创建了一个承诺来解决文件上传时的文件类型。

我正在使用 react-dropzone 来删除文件。onDrop函数定义为

为什么 .xlsx 和 .zip 文件的文件幻数都是 504b34?因此,即使我上传了一个 zip 文件,它也会被视为 XLS。

0 投票
1 回答
1167 浏览

javascript - 创建一个 Axios 帖子以使用 Dropzone 发送上传的文件,以便 Scala 函数处理相应的请求

我有下一个 Scala 函数:

}

我想创建一个将使用此功能的 axios 帖子。就像是:

someUploadedFile 来自:

我的大问题是,既然包含了一个文件,我不明白如何构建该 axios 调用,并且还添加了与该文件相关的更多信息,因此 Scala 函数中的请求对象将能够从 json 处理该文件。

0 投票
1 回答
2892 浏览

javascript - 使用 multipart/form-data 在 Reactjs Dropzone 中发送文件

我正在使用 Dropzone npm 包开发 React 应用程序,它允许用户选择多个文件。我需要将这些文件作为 multipart/form-data 发送到我的 Web 服务。

我没有表单来发布数据,我正在使用 Ajax 发布请求将文件发送到我的 WCF 服务。

我已将 WCF 配置为以流形式接收文件,并且可以通过 PostMan 成功将文件作为正文中的表单数据发送。但只是想弄清楚如何在反应应用程序中将我的 Dropzone 文件作为 multipart/form-data 发送。

任何输入将不胜感激。

0 投票
0 回答
108 浏览

javascript - iframe 上的模态不允许拖动

我有一个位于 iframe 视频之上的模式,该视频有一个可以帮助我上传文档的 dropzone。见例子。当dropzone不覆盖 iframe 时,它​​可以完美运行。

我想知道要在一般父页面文档而不是 iframe 文档上正确注册相应的浏览器事件需要发生什么?或者,如果你们中的任何人对如何完成这项工作有任何想法,我希望您能提供帮助。谢谢你的帮助。

0 投票
0 回答
422 浏览

reactjs - React dropzone 组件未显示来自 base64 url​​ 的缩略图

我正在使用React Dropzone 组件上传文件。我的组件基本上是一个fieldof fieldArrayredux-form当我将文件添加到 dropzone 时,它​​会传递给父fieldArray组件并保存在其状态中。我能够显示已保存文件的预览。

但无法显示新附加文件的预览。我试图读取文件,然后设置mockFile.url为 base64 url​​。

任何帮助将不胜感激。

0 投票
1 回答
6467 浏览

javascript - 如何使用 react-dropzone 读取文件内容?

我正在尝试了解有关为即将进行的项目处理文件的更多信息。react-dropzone 有没有一种方法可以在 onDrop 碰巧更改我正在上传的文件的内容时运行一个函数?例如,如果我要上传一个文字文档,上面写着“大家好”,我将如何将内容更改为“嗨尼克博士”?

在尝试进行更改之前,我尝试使用 filereader api 访问数据。我尝试在 async 函数的左大括号之后立即使用 filereader,但无法使其正常工作。

非常感谢您对如何访问和修改文件内容的任何想法!谢谢。

0 投票
0 回答
185 浏览

reactjs - 如何使用现有文件启动 React dropzone?

我需要react-dropzone使用现有文件呈现组件,我已经尝试搜索一些方法来做到这一点,但所有这些都使用 dropzone.js 而不是组件,还在组件中找到了getDataTransferItems道具,但没有帮助我太多了。

有没有办法用文件渲染组件?有什么道具什么的?

0 投票
2 回答
1316 浏览

reactjs - React dropzone-将文件拖动到dropzone上时触发dragLeave事件

我正在使用 React dropzone 进行文件上传

当文件在拖放区上方移动时,onDragLeave 事件同时触发。

我应该使用其他一些事件吗?我该如何解决这个问题?

0 投票
1 回答
696 浏览

reactjs - 使用 react-dropzone 时出现 Reactdropzone 错误

我正在尝试在我的项目中使用 react-dropzone,但出现了不呈现 reactDropzone 组件的错误。我试过这个:

但出现文件中显示的错误: 谁能帮我解决这个问题?在此处输入图像描述

0 投票
1 回答
11300 浏览

reactjs - React Dropzone问题:孩子不是一个功能

我已经在反应应用程序中安装了反应 dropzone。添加组件 dropzone 时,应用程序崩溃,声称:

然而,一切似乎都很好。我的 App.js 是:

并且组件 DropImg 是:

没有处理拖动等的功能。只是一个非常基本的设置。然而它崩溃了。为什么?问题似乎来自 react-dropzone 包本身。

ps:我已经阅读了文档,但不是很清楚。这是我第一次实现这样的功能,你能解释一下如何以简单的方式解决这个问题吗?谢谢!