问题标签 [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 投票
1 回答
496 浏览

php - 在表单中使用 Dropzone

首先:这不是一个重复的问题,因为我没有找到任何可行的答案。

我正在尝试在表单中使用 Dropzonejs,文档也不起作用;那里的所有答案也不起作用。

我需要一个可行的示例,因为我尝试了很多示例和答案,但没有任何运气让它发挥作用。

请指教。

还; 试过这个例子,没有任何工作:

https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone

这就是我得到的:

在此处输入图像描述

0 投票
0 回答
339 浏览

jquery - 将日期和选择字段值添加到 Dropzone 自动提交

我尝试将以下表单和输入与 Dropzone 代码结合使用:

这是当前 Dropzone 特定的脚本:

我希望能够将日期、dueDate 和类型字段与所有上传一起发送,但不幸的是,除了表单中的内容(并且employeeID 只是一个测试字段)之外,什么都没有提交。

但是如果我将输入移到表单部分,这些字段会重叠并填充实际的 Dropzone 区域。

我相信我init在 Dropzone 脚本中很接近,但由于某种原因,其他字段的值都没有与实际文件上传一起提交。

当涉及到这一点时,我对任何事情都持开放态度。

0 投票
2 回答
695 浏览

php - dropzone.js,无法以编程方式创建 dropzone

我正在尝试使用dropzone.js

这有效:

这不起作用:

也不去:

在后两种情况下,我都没有收到错误,也没有创建 dropzone。

我想我忽略了一些明显的东西。但是,它是什么?

0 投票
1 回答
7770 浏览

javascript - 反应 dropzone 不能用 axios 发布

我正在尝试在我的代码中使用 react-dropzone 并使用 axios 向服务器发出 POST 请求,但是 POST 请求总是失败并且我不断收到以下错误:

未捕获(承诺中)错误:请求失败,状态码为 500

这是我的组件

这是我的渲染方法

0 投票
1 回答
6358 浏览

javascript - 如何使用 Dropzone.js 进行分块文件上传(仅限 PHP)?

我可以找到大量关于如何将分块文件上传与各种 API 和库一起使用的文档,但我无法找到如何仅通过普通 PHP 使用 Dropzone.js 分块文件上传。

文档非常少。我无法在客户端 (JavaScript) 上添加除 jQuery 之外的任何库或 API。

我的问题是如何仅在服务器端使用 Dropzone.js 新的分块文件上传功能和 PHP。(客户端代码赞赏设置)。

这是我到目前为止尝试过的代码:客户端.js文件:

这是PHP(服务器):

上面的代码没有显示任何内容(_log() 只是将其回显到屏幕并将其记录在文本文件中)。

我查看了发送/接收标头,它只向服务器发送一个调用。

我已经验证了 Dropzone.js 使用浏览器中的开发人员工具控制台正确设置了文件拖放区域。

编辑:这是分块上传的文档:https ://gitlab.com/meno/dropzone/wikis/faq#chunked-uploads

分块上传

Dropzone 提供了以块的形式上传文件的可能性。此功能的相关配置选项有:

应该设置为 true 的分块

forceChunking,如果为真,将始终以块的形式发送文件,即使它只是一个块

块大小(以字节为单位)

parallelChunkUploads,如果为 true,则块将同时上传

retryChunks,如果为true,库会在失败时重试上传一个chunk

retryChunksLimit 默认为 3

然后是两个重要的回调。第一个是:params,它可以是一个函数,它接收文件、xhr 和 chunk 作为第一个参数。如果启用了分块,您就知道文件只包含那个文件,而块是保存有关当前块的所有信息的对象。例子:

有关详细信息,请参阅该参数的文档或查看默认实现的源代码。

第二个重要的回调是 chunksUploaded,它获取完成上传的文件和 done 函数作为第二个参数。在该函数中做任何你需要做的事情,告诉服务器文件完成上传并在准备好时调用 done() 函数。

0 投票
2 回答
836 浏览

javascript - 如何在最大文件大小的 dropzone 中抛出错误?

在我的代码中,我将文件大小设置为 1mb ,它工作正常但不会抛出任何错误消息我该如何设置?

0 投票
0 回答
84 浏览

javascript - Dropzone 无法将数据发送到 php

我有一个简单的表格

为了上传图片,我有一个脚本:

提交时没有任何反应,页面仍然保持不变,没有数据发布到 POST,我看到图像在加载序列后被标记。

我在页面上的 PHP 代码告诉它发布所有数据并死掉。但是 HTML 页面没有改变,链接保持不变。

我错过了什么或做错了什么?

0 投票
0 回答
501 浏览

javascript - dropzone.js :单击缩略图以显示原始图像?

我正在尝试使用 dropzone.js,我想知道在缩略图上添加链接以在灯箱中显示原始图像的最佳方法是什么。我需要在 data-dz-thumbnail 周围添加一个链接,其中包含我所看到的成功事件。

要得到这样的东西:

而不仅仅是

谢谢 !

0 投票
3 回答
5403 浏览

javascript - Javascript dropzone.js - 为文件上传选择一个文件夹

我正在使用dropzone.js上传多个文件。使用它,我可以从一个文件夹中选择多个文件,并且在选择多个文件时,我只会从我的列表中选择一组文件。

相反,我需要选择一个文件夹(目录)

我可以拖放文件夹。当我单击 dz-clickable 时我应该执行的相同功能

我的 HTML 代码

我的 Javascript 代码

我如何选择一个目录并相应地执行我的过程?有任何想法吗 ?

0 投票
1 回答
1070 浏览

javascript - Dropzone js - windows 不支持附加 doc、xls 文件

我使用dropzone.js我的网站。我使用这个参数:

但是,Windows 解析只选择pdf文件。图片上的这个显示 在此处输入图像描述

如果我切换到All files并选择doc,dropzone js 显示错误(不支持文件类型)

我尝试使用代码acceptedFiles: 'application/*。但问题没有解决。

浏览器谷歌浏览器。在 Ubuntu 16.04 和 Mac OS 上没有问题。只有窗户。请帮帮我。