问题标签 [vue2-dropzone]

手动加载文件时是否可以手动处理 dropzone 表单（或队列）？

我们有驾照的概念。用户上传照片并输入其他信息，例如许可证号、到期日期等。用户单击保存按钮，我调用 processQueue() 提交整个表单。这一切都很好。

接下来，我们使用编辑按钮以非表单方式显示此许可证。当他们单击“编辑”按钮时，我再次显示表单并使用先前输入的数据填充字段，包括手动添加先前提交的许可证照片。从文档中基本上是这样的：

这似乎按预期工作。我看到带有先前上传文件的缩略图的 dropzone。输入字段都填充了以前输入的数据。

当我尝试再次处理此表单时出现问题：

如果他们只更改许可证号等输入字段并且不上传新文件，则 onSubmit() 或 processQueue() 不起作用。它仅在我删除并重新添加文件或添加第二个文件时才有效。就好像它无法识别已添加的文件一样。是否手动添加文件仅用于显示而不是实际添加文件？

手动添加文件时如何提交此表单？

带有图片上传和标题/描述输入的简单表单

表单通过此路由发送到 laravel 后端控制器

控制器内部的方法只是转储请求变量

上传到达 POST 端点并打印出 $request 变量，但里面没有标题、描述或图像。

我正在使用：Laravel、Vue JS、dropzone。

上传一个文件时可以正常工作，但是当上传 3 个文件时，它会创建一个新的作业记录，如下所示：

作业 ID：1，文件：1、2

作业编号：2，文件：3

应该看起来像：

作业 ID：1，文件：1,2,3

上传代码如下：

前端代码：

我使用 laravel6，vue。在我的项目中，我使用 vue2Dropzone。我做了照片更新功能。但它不起作用。我想在 dropzone 上加载和删除服务器的图像。但是在 dropzone 上删除图像后，我刷新页面或转到另一个页面删除方法，该方法称为尽可能多的图像。

我无法解决这个问题。在 chrome 网络选项卡中，请求由 loadPhoto 中的 photoLen 数量生成。 在此处输入图像描述

photoEdit.vue

数据（）{

}

方法：{

}

我的照片方向有问题，当从某些移动设备上传照片时，照片上传的方向错误，当我调整大小时出现问题

我正在使用：dropezone vue（链接）+ exif js（链接）

我尝试安装 exif js 包来修复方向

我将 exif 添加到 app.js ：

我尝试在 dropzoneFileAdded 函数中应用：

但保持同样的问题

我对Vue2-Dropzone的问题是假设您手头只有fileUrl并且您想手动将它添加到 dropzone。您必须先获取文件以获取大小和文件名，然后将 URL 传递给手动添加文件，以便它执行缩略图的获取/渲染。

我下载了 Vue2-Dropzone 库，检查了代码，检查了文档，但我找不到一种方法可以让您提供所有数据并只进行一次提取。

例如场景

有什么方法可以传递来自我的 axios 调用的响应以在 vue-dropzone 中渲染图像/缩略图而不会导致另一个提取。