问题标签 [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.
javascript - 使用文件幻数的文件类型检查器
我已经创建了一个承诺来解决文件上传时的文件类型。
我正在使用 react-dropzone 来删除文件。onDrop
函数定义为
为什么 .xlsx 和 .zip 文件的文件幻数都是 504b34?因此,即使我上传了一个 zip 文件,它也会被视为 XLS。
javascript - 创建一个 Axios 帖子以使用 Dropzone 发送上传的文件,以便 Scala 函数处理相应的请求
我有下一个 Scala 函数:
}
我想创建一个将使用此功能的 axios 帖子。就像是:
someUploadedFile 来自:
我的大问题是,既然包含了一个文件,我不明白如何构建该 axios 调用,并且还添加了与该文件相关的更多信息,因此 Scala 函数中的请求对象将能够从 json 处理该文件。
javascript - 使用 multipart/form-data 在 Reactjs Dropzone 中发送文件
我正在使用 Dropzone npm 包开发 React 应用程序,它允许用户选择多个文件。我需要将这些文件作为 multipart/form-data 发送到我的 Web 服务。
我没有表单来发布数据,我正在使用 Ajax 发布请求将文件发送到我的 WCF 服务。
我已将 WCF 配置为以流形式接收文件,并且可以通过 PostMan 成功将文件作为正文中的表单数据发送。但只是想弄清楚如何在反应应用程序中将我的 Dropzone 文件作为 multipart/form-data 发送。
任何输入将不胜感激。
reactjs - React dropzone 组件未显示来自 base64 url 的缩略图
我正在使用React Dropzone 组件上传文件。我的组件基本上是一个field
of fieldArray
。redux-form
当我将文件添加到 dropzone 时,它会传递给父fieldArray
组件并保存在其状态中。我能够显示已保存文件的预览。
但无法显示新附加文件的预览。我试图读取文件,然后设置mockFile.url
为 base64 url。
任何帮助将不胜感激。
javascript - 如何使用 react-dropzone 读取文件内容?
我正在尝试了解有关为即将进行的项目处理文件的更多信息。react-dropzone 有没有一种方法可以在 onDrop 碰巧更改我正在上传的文件的内容时运行一个函数?例如,如果我要上传一个文字文档,上面写着“大家好”,我将如何将内容更改为“嗨尼克博士”?
在尝试进行更改之前,我尝试使用 filereader api 访问数据。我尝试在 async 函数的左大括号之后立即使用 filereader,但无法使其正常工作。
非常感谢您对如何访问和修改文件内容的任何想法!谢谢。
reactjs - 如何使用现有文件启动 React dropzone?
我需要react-dropzone
使用现有文件呈现组件,我已经尝试搜索一些方法来做到这一点,但所有这些都使用 dropzone.js 而不是组件,还在组件中找到了getDataTransferItems
道具,但没有帮助我太多了。
有没有办法用文件渲染组件?有什么道具什么的?
reactjs - React dropzone-将文件拖动到dropzone上时触发dragLeave事件
我正在使用 React dropzone 进行文件上传
当文件在拖放区上方移动时,onDragLeave 事件同时触发。
我应该使用其他一些事件吗?我该如何解决这个问题?
reactjs - React Dropzone问题:孩子不是一个功能
我已经在反应应用程序中安装了反应 dropzone。添加组件 dropzone 时,应用程序崩溃,声称:
然而,一切似乎都很好。我的 App.js 是:
并且组件 DropImg 是:
没有处理拖动等的功能。只是一个非常基本的设置。然而它崩溃了。为什么?问题似乎来自 react-dropzone 包本身。
ps:我已经阅读了文档,但不是很清楚。这是我第一次实现这样的功能,你能解释一下如何以简单的方式解决这个问题吗?谢谢!