问题标签 [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 - 如何处理来自 Dropzone 和 Multer 的文件(分块后调用)
问题:我正在使用 Dropzone.js 和 Multer 的 Vue JS 实现来上传文件。我看到的问题是 Dropzone 对其已读取的每个数据块进行 POST 调用。搜索谷歌后,我找不到任何关于如何接受这些请求的例子。
我的 VueJS 和 Dropzone.js 分别设置
我的后端代码看起来像这样:
输出:
javascript - 将文件存储为 html 元素 dropzone.js
有没有办法将上传的文件存储为 html 元素,例如dropzone.js中的文件输入?而且不自动上传?
我已经提到了这些,但没有帮助。
目前我正在像这样直接将文件上传到服务器,
现在我想将文件作为文件输入发送。在 dropzone.js 中是否有可能?
PS我只想存储从dropzone中选择的文件以存储在一些自定义文件输入中。
javascript - JS .click() 触发器不起作用
我dropzone.js
用来上传文件。
我有一个dropzone
按钮#btn
和输入字段#input
。
此代码有效:
但是当我$("#btn").click();
在其他部分使用时,例如下面,它不起作用并且我没有错误:
怎么了?
javascript - Dropzone.js 配置选项无法识别
我在我的 Asp.Net Core2 应用程序中使用 Dropzone.js 进行文件上传和存储例程。这很好用,除非我想使用配置选项。无论我在做什么,浏览器都无法识别代码。这似乎很愚蠢,但我仍然敢向您提出问题。我已将代码放在底部的 Head 部分,Form 中,但没有任何效果。有任何想法吗?这是我的代码AddFile.cshtml
。为了防止编程错误,我从开发人员的 github 页面复制了配置选项的代码。
下面我添加了由 Google Chrome 编译的源代码:
express - Express 中的异步控制器,用于将表单解析为 Mongoose
目前,我正在开发一种使用 Express Router 将消息(文件和字段)从 Dropzone 上传到 Mongoose 的方法。我的后端控制器(在身份验证和数据验证后调用)如下:
当我用 Postman 测试它时,我得到了状态 202,并且图像已成功上传到数据库。但是,当我尝试使用不带字段的 dropzone 上传时(这会导致一些错误并显示在 dropzone 中)我在后端控制台中收到以下错误/警告(Dropzone 在上传时停止并且没有显示任何错误) :
所以我知道我的异步代码做错了,不幸的是无法弄清楚。希望你能帮忙。最好的问候,安德烈
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 值,也是空的。有什么我忽略的吗?
dropzone - DropZone parallelUploads 不工作我已将 parallelUploads 设置为 10,但它在一个请求中上传 20
我有 DropZone 上传文件。
我已将 parallelUploads 设置为 10。我正在删除 125 个文件,我只收到一个对服务器的请求,一个请求中有 20 个文件。我还将 parallelUploads 设置为 9999,但我在服务器上再次收到 20 个文件。
这是代码:
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 但没有任何效果
dropzone.js - 将 maxfiles 动态添加到 dropzone
我在 Laravel 中使用 dropzone 我需要在单击按钮时添加最大数量的照片,但它没有获取变量的值,但是当我更改并输入数字时效果很好。
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"}]