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

php - 使用 dropzone.js 上传 Laravel 文件

尝试使用dropzone.js. 我想上传文件public > file-archive夹中的所有文件。如果该文件夹不存在,则请求可以正常通过,尽管我没有看到文件已上传。

在此之后,文件夹被创建(我也尝试手动创建它并注释掉 create 方法)。如果我在文件夹存在时尝试上传文件,我会得到:

在此处输入图像描述

我的路线:

和我的前端部分:

0 投票
0 回答
674 浏览

javascript - dropzone.js 的 resizeQuality 功能不起作用

我正在上传多张图片,但在上传之前,我想在客户端将它们全部压缩,然后想上传到服务器,因为我正在使用 dropzone.js(以编程方式),如下所示,但该功能resizeQuality不起作用。所有图片均以原始尺寸上传。

我哪里错了?欢迎任何建议...

html:

jQuery:

需要进行哪些更正?

0 投票
1 回答
210 浏览

amazon-s3 - 使用 Dropzone 将文件上传到 BrickFTP

我一直在尝试使用Dropzone将文件上传到BrickFTP,但上传的文件不会打开,因为它包含文件内容顶部的 WebKitFormBoundary 。

根据BrickFTP 的文档,我将方法PUT放在 Dropzone 配置中。BrickFTP 使用 Amazon S3,因此文件实际上正在上传到 S3。我按照他们的文档做了所有事情,除了上传文件内容顶部的那些额外信息之外,一切都正常工作。

这是负责文件上传的 Coffeescript 代码:

使用上面的代码上传工作正常,但正如我在文本编辑器中打开上传的文件时所说,它以以下代码开头:

如果我删除这些行并保存文件,它将起作用。

但是在 Dropzone 之外使用常规 ajax 调用上传文件时不会出现此问题。以下是工作代码:

谁能建议如何解决这个问题?

0 投票
1 回答
45 浏览

detect - DropzoneJS 是哪一个文件?

因此,我使用 DropZoneJS 为单个产品上传图片。但我在数据库中为图像制作了 6 列

我制作了用于在主机上上传图像并将图像转换为拇指的脚本......

所以我需要什么。我如何检测第一张,第二张和第三张图像?我想第一个图像名称写在“image_1”和“image_1thumb”中,第二个写在“image_2”和“image_2thumb”中,第三个写在“image_3”和“image_3thumb”中

0 投票
0 回答
923 浏览

laravel - 如何将 onClick 事件附加到 vue-dropzone-component 中的预览图像

我在 vue 上有组件 dropzone。我在设置中安装我的模板。然后我想设置 v-on:click(method) 在 dropzone 中预览图像,但事件不起作用。如何正确设置点击元素?

0 投票
0 回答
389 浏览

codeigniter - 未使用 Codeigniter url 中的 Dropzone?

我在 Codeigniter 中使用 Dropzone。我可以在 Chrome 的网络检查器中看到 URL 被拾取(它向 URL 发送请求),但似乎控制器中的上传功能没有执行。

无论我在 Dropzone 配置中放置什么 URL,网络检查器始终指示它返回 HTTP 200 代码。

看法

Javascript

笔记; 无论我在这里放什么 URL 参数,网络检查器总是表明它返回一个 HTTP 200,这对我来说很奇怪。即使我放置了一个不存在的 URL,例如 /asdfasdf。

使用 CodeIgniter,我习惯于在 AJAX 中使用漂亮的 URL,然后将它们映射到路由配置中的控制器,这总是可以正常工作。

我也尝试过直接将函数和控制器的路径作为 URL 参数,比如url: /folder/subfolder/Edit/upload_photos. 这也不行。

在 config/routes.php

在控制器“Edit.php”中(位于应用程序/文件夹/子文件夹中)

0 投票
0 回答
48 浏览

angularjs - AngularJS 指令未识别控制器中的 $scope 值

我正在尝试为 AngularJs 使用 Dropzone 模块,但我无法将它应用到我自己的代码中。该模块已在此处定义,但没有关于其使用的文档。这是我正在做的事情:

第 1 步:将 ngDropzone 注入我的模块:

第 2 步:在控制器范围内设置 dropzoneConfig

第 3 步:将指令插入 html

运行我的应用程序后,我收到以下错误:

0 投票
1 回答
245 浏览

angularjs - ng-dropzone 模块在我的 AngularJS 应用程序中不起作用

我在 AngularJS 中使用ng-dropzone并按照其文档中的步骤操作,但出现以下错误:

TypeError: o is not a constructor at Object.link ( http://localhost/myAngularJSApp/lib/bower/ng-dropzone/dist/ng-dropzone.min.js:1:440 )

加载依赖的顺序是:

  1. 角.js
  2. dropzone.js
  3. ng-dropzone.min.js

我发现所有文件都已正确加载,但我不知道问题出在哪里!?

0 投票
1 回答
1405 浏览

php - 如何获取 Dropzone 多次上传的文件链接并添加到电子邮件模板中?

我正在尝试开发一个 WordPress 插件,该插件创建一个表单,该表单首先使用 Dropzone 上传文件,然后显示该表单。提交后,表单将在指定位置上传图片并向管理员和用户发送电子邮件。在管理员电子邮件中,它将包含指向每个文件的单独链接,因此当管理员单击时,他们可以看到图像。

到目前为止,我已经管理了几乎所有这些,但是我无法将链接添加到电子邮件中的文件中。即使我管理我只得到文件链接,而我需要所有上传的链接。

我正在为表单使用发送网格。表单代码如下:

请看看并建议我如何解决这个问题。谢谢你。

0 投票
0 回答
307 浏览

jquery - Dropzone大文件上传不起作用

我使用dropzone上传文件到数据库,但是有点问题。当我上传一个小尺寸的文件时它工作正常,但是当我上传一个超过 3 MB 的文件时它不起作用(dropzone 不提供 post 值并且不将文件保存到数据库)

这是我的脚本:

祝你有美好的一天