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

javascript - 如何处理来自 Dropzone 和 Multer 的文件(分块后调用)

问题:我正在使用 Dropzone.js 和 Multer 的 Vue JS 实现来上传文件。我看到的问题是 Dropzone 对其已读取的每个数据块进行 POST 调用。搜索谷歌后,我找不到任何关于如何接受这些请求的例子。

我的 VueJS 和 Dropzone.js 分别设置

我的后端代码看起来像这样:

输出:

0 投票
0 回答
444 浏览

javascript - 将文件存储为 html 元素 dropzone.js

有没有办法将上传的文件存储为 html 元素,例如dropzone.js中的文件输入?而且不自动上传?

我已经提到了这些,但没有帮助。

  1. 将 dropzone 上传的文件保存到数组
  2. 在不自动上传的情况下使用 dropzone

目前我正在像这样直接将文件上传到服务器,

现在我想将文件作为文件输入发送。在 dropzone.js 中是否有可能?

PS我只想存储从dropzone中选择的文件以存储在一些自定义文件输入中。

0 投票
5 回答
205 浏览

javascript - JS .click() 触发器不起作用

dropzone.js用来上传文件。

我有一个dropzone按钮#btn和输入字段#input

此代码有效:

但是当我$("#btn").click();在其他部分使用时,例如下面,它不起作用并且我没有错误:

怎么了?

0 投票
0 回答
363 浏览

javascript - Dropzone.js 配置选项无法识别

我在我的 Asp.Net Core2 应用程序中使用 Dropzone.js 进行文件上传和存储例程。这很好用,除非我想使用配置选项。无论我在做什么,浏览器都无法识别代码。这似乎很愚蠢,但我仍然敢向您提出问题。我已将代码放在底部的 Head 部分,Form 中,但没有任何效果。有任何想法吗?这是我的代码AddFile.cshtml。为了防止编程错误,我从开发人员的 github 页面复制了配置选项的代码。

下面我添加了由 Google Chrome 编译的源代码:

0 投票
0 回答
116 浏览

express - Express 中的异步控制器,用于将表单解析为 Mongoose

目前,我正在开发一种使用 Express Router 将消息(文件和字段)从 Dropzone 上传到 Mongoose 的方法。我的后端控制器(在身份验证和数据验证后调用)如下:

当我用 Postman 测试它时,我得到了状态 202,并且图像已成功上传到数据库。但是,当我尝试使用不带字段的 dropzone 上传时(这会导致一些错误并显示在 dropzone 中)我在后端控制台中收到以下错误/警告(Dropzone 在上传时停止并且没有显示任何错误) :

所以我知道我的异步代码做错了,不幸的是无法弄清楚。希望你能帮忙。最好的问候,安德烈

0 投票
3 回答
2545 浏览

php - Codeigniter 上传文件为空

我在上传文件时遇到问题。我正在使用 codeigniter 框架和 dropzone.js 来上传文件。

在我看来:

控制器:

问题是上传的文件返回为空:

数组(1) { ["upload_data"]=> 数组(14) { ["file_name"]=> string(0) "" ["file_type"]=> string(0) "" ["file_path"]=> string(56) "/www/Cesarlease2/leases/testircrswqe789745asda/2-42017a/" ["full_path"]=> string(56) "/www/Cesarlease2/leases/testircrswqe789745asda/2-42017a/" ["raw_name"] => bool(false) ["orig_name"]=> string(0) "" ["client_name"]=> string(0) "" ["file_ext"]=> string(0) "" ["file_size"] => NULL ["is_image"]=> bool(false) ["image_width"]=> NULL ["image_height"]=> NULL ["image_type"]=> string(0) "" ["image_size_str"]=>字符串(0)“”}}

我尝试转储 fileToUpload 输入的 POST 值,也是空的。有什么我忽略的吗?

0 投票
1 回答
466 浏览

dropzone - DropZone parallelUploads 不工作我已将 parallelUploads 设置为 10,但它在一个请求中上传 20

我有 DropZone 上传文件。

我已将 parallelUploads 设置为 10。我正在删除 125 个文件,我只收到一个对服务器的请求,一个请求中有 20 个文件。我还将 parallelUploads 设置为 9999,但我在服务器上再次收到 20 个文件。

这是代码:

0 投票
1 回答
476 浏览

javascript - 带有表单输入的 Dropzone.js

这是我的问题:我想在用户添加文件时添加输入,但是当我发送文件时没有任何反应,看起来我调用了错误的函数。这是我的 html/js(顺便说一句,这是一个 django 模板)代码:

<form id="myDropzone" action="{% url 'import' %}" method="POST" class="dropzone text-center"> <div id="form_import_div"> </div> <div class="fallback"> </div></form>

这里是 dropzone 选项代码:

注意: ask_job_type() 只是对添加所有输入元素的 js DOM 文档函数的调用。我的提交按钮的 ID 为“btn_upload”

我不知道该怎么做,我看过这样的教程: https ://gitlab.com/meno/dropzone/wikis/upload-all-files-with-a-button 但没有任何效果

0 投票
1 回答
314 浏览

dropzone.js - 将 maxfiles 动态添加到 dropzone

我在 Laravel 中使用 dropzone 我需要在单击按钮时添加最大数量的照片,但它没有获取变量的值,但是当我更改并输入数字时效果很好。

0 投票
0 回答
374 浏览

reactjs - Reactjs Dropzone 和 Laravel 5.6

我正在尝试创建一种将文件从 Reactjs Dropzone 插件附加到 axios POST 请求的方法。

目前,我的模块正在执行以下 ajax 请求:

并定义了以下状态:

这是我使用 Reactjs Dropzone 编写的上传模块:

任何帮助将不胜感激,我目前正在尝试从图像状态上传文件,该文件以数组的形式出现,但以这种格式出现:

[{"preview":"blob:http://outist.local/3c3fc96b-b89d-41c8-8835-3309be8ac430"},{"preview":"blob:http://outist.local/6cf9aa40-0538-4cef -affe-58951afef2eb"},{"preview":"blob:http://outist.local/4631977b-1301-498d-b4e8-611f9a57b6bb"},{"preview":"blob:http://outist.local /1650a49c-2eed-408c-a035-473cade2bfa6"}]