问题标签 [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 回答
13592 浏览

javascript - 限制 Dropzone 仅上传特定类型的文件

我正在使用 Dropzone 上传文件,这是我的代码

上传工作正常但是我想限制上传文件的类型

接受的文件似乎不起作用,它只是上传所有内容。

0 投票
1 回答
703 浏览

php - dropzone.js 没有读取选定的文件

尽管文件正在上传目录中上传,但在我尝试打印文件名时,Dropzone.js 没有读取选定的文件。

这是我的代码:

索引.php

上传.php

我收到此错误:

未定义索引:文件

我正在使用最新版本的 dropzonejs,即 5.2.0

编辑

如果我从表单中删除它,文件正在上传:

0 投票
1 回答
5652 浏览

javascript - 我如何在 dropzone/vue dropzone 2 中手动将文件排入队列

我正在为我正在使用 vuedropzone 2 构建的产品上传功能,来自 dropzone 文档http://www.dropzonejs.com/#config-autoQueue,可以防止接受/添加的文件自动排队通过将 autoQueue 设置为 false,还说明可以通过手动调用enqueueFile(file)手动对文件进行排队。

设置autoQueue to false有效,但是当我尝试手动将文件添加到队列中时,它不起作用,并且this.$refs.dropzone.enqueueFile is not a function 我的脚本出现此错误:

0 投票
0 回答
440 浏览

dropzone.js - 仅在收到整个文件后才将文件上传到 Dropzone 中的服务器

我在表单中使用 dropzone.js 并且上传到服务器正在正确执行。但是,我需要能够在将上传的文件发送到服务器之前对其进行处理,以便从用户那里获取更多信息。例如,我需要为上传的 pdf 显示缩略图,因此在发送之前需要整个 pdf。我试图删除操作链接,并以提供给 dropzone 的方法生成链接。那没起效。在 Web 浏览器上进行上传时,表单总是直接上传到服务器。如何禁用它?

我的代码如下所示

和JS

getURL 返回 url 但在上传的文件尚未上传到浏览器时被调用。有没有办法完全上传文件,然后直接从浏览器发送到服务器

0 投票
2 回答
1616 浏览

php - Laravel 5.5 - 无法将 Dropzone 上传的文件放入 FileBag

我一直在 Laravel 项目中使用标准 HTML POST 进行文件上传,并希望我们使用 Dropzone。

我已经尝试查看 Dropzone 的文档和 Laravel 实现的在线示例,但是,我无法将简单的文件发布上传到 POST 标头中。

因此,Laravel FileBag 仍然是空的,我不知道为什么。转储 $_FILE 会导致没有文件被传递到标头中。除此之外,从浏览器的角度来看,dropzone 的输入框显示正常,它是响应式的,并且在上传文件时不会显示错误。

任何帮助,将不胜感激。代码精简为基础:

主刀:

刀:

控制器:

路线:

结果请求:

0 投票
0 回答
177 浏览

javascript - 使用 dropzone.js 成功上传文件后,清除文件上传表单不起作用

我的目标是将一堆图片上传到服务器,如果上传过程成功完成,然后清除表单。但是successmultiple事件根本不会触发。

我尝试通过removeAllFiles()在代码中的不同位置定位 call for 以三种不同的方式做到这一点:内部和外部init以及作为单独的事件。但没有成功。

完整的代码片段:

当我执行此代码时,所有图片都已上传,但未触发任何警报,并且未清理 dropzone 表单。

我也尝试使用带有 的queuecomplete事件removeAllFiles(),但也没有结果。

0 投票
1 回答
1788 浏览

javascript - Dropzone - 自定义文本消息以使用语言

我正在与Laravel 5.5. 我一直在尝试Dropzone处理来自语言文件的自定义消息。我已经根据这个论坛上的帖子尝试了一些组合,但我无法让它发挥作用。

使用webpack我这样导入Dropzone

Dropzone无论我的代码是否存在,模式都会以表格形式出现,因此它忽略了我下面的选项。

我错过了什么?

这里有一个小提琴

使用webpack我这样导入Dropzone

这是我的Dropzone代码:

0 投票
1 回答
398 浏览

javascript - Dropzone在后台上传(PHP)

我正在尝试使用 Dropzone 一次上传多个大文件。我想以异步方式这样做。

这意味着,当我将文件放入 Dropzone 时,我希望所有文件都立即开始上传,同时我希望能够离开页面(同时上传仍在继续)。

当我现在删除多个文件时,它们开始上传,但我无法立即更改页面 - 浏览器正在等待第一个文件上传,然后它最终转到另一个页面。

是否可以使用 Dropzone 进行上述操作?有没有其他方法可以在 PHP 中做到这一点?谢谢你。

0 投票
2 回答
5339 浏览

php - 在 laravel 中解码和移动 base64 编码的图像

我正在尝试在 laravel 中使用带有 dropzone.js 的其他表单元素实现图像上传。到目前为止,我已经设法将拖放图像上传视图与其他表单元素一起显示。并从提交的表单中获取 POST 详细信息。但是当 dropzone 将上传的图像传递给数据库数据保存函数时,它会使用 base64 对图像进行编码。我想我也设法获得了文件扩展名。当我提交按钮时,它给了我这个错误"Call to a member function move() on string"。请让我朝着正确的方向前进。

这是表格

这是dropzone配置

路线

控制器中的 save_slider_data 函数

0 投票
0 回答
33 浏览

php - 如何在核心 php 上调整不同类型文件的大小

我正在尝试不同类型的文件上传来调整大小但不起作用。我在上传的文件中使用 dropzone。

===> 页面中的表单代码

===> 上传.php 文件

上传后如何调整文件大小?