向 Dropzone.js 帖子添加更多数据答案

【问题标题】：Adding more data to Dropzone.js post向 Dropzone.js 帖子添加更多数据
【发布时间】：2014-12-15 20:47:43
【问题描述】：

所以我在这里实现了本教程：http://www.dropzonejs.com/bootstrap.html

它工作得很好，我上传文件也很好。我现在想要做的是能够在 Dropzone 上传图像时将用户 ID 与 POST 数据中的图像一起发送。我确实找到了 enyo 的教程here，它解释了如何将隐藏的表单数据添加到 dropzone，但是使用 dropzone 提供的引导教程，没有表单，因此无法发送隐藏的帖子数据。

如何使用上面链接的引导教程中的代码，但仍将隐藏的输入数据发送到上传脚本？我是否必须以某种方式将提供的代码转换为表单，如果是，我该怎么做？

【问题讨论】：

您好，您解决问题了吗？面临同样的问题

标签： javascript twitter-bootstrap dropzone.js

【解决方案1】：

你问这个问题已经有一段时间了，但基于 dropzone 网站提示

http://www.dropzonejs.com/#tips

你应该能够做三件事之一 -

1.如果有表单添加隐藏参数。

2。你可以像这样使用参数 -

new Dropzone({
    url: "/",
    params: {
         foo: "bar"
    }
});

3.像这样处理发送事件 -

myDropzone.on("sending", function(file, xhr, formData) { 

// Will sendthe filesize along with the file as POST data.

 formData.append("filesize", file.size);  

});

【讨论】：

我可以确认，params: { foo: "bar" } 正在工作
如果我使用动态值..它不会与params: {foo: dynamicValue}一起工作
是否有可能发送一个 html 表单数组？
我猜第 1 个解决方案在下面的 NorahKSakal 答案中进行了解释
数组作为字符串。我猜你需要把它拉紧。

【解决方案2】：

我发现您提供的教程有点令人困惑，因为确实不涉及任何形式。只需使用class="dropzone" 创建一个表单并添加隐藏输入。它仅显示删除文件的默认模板和一些用于基本事件处理的 JS 代码。我建议查看the main Dropzone page 的示例。

例如，在我们的代码中，它看起来有点像这样（稍作修改）：

<form action="myAction"
      class="dropzone"
      id="dropzoneId"
      name="pictures">
    <input type="hidden" name="id">
</form>

而且，真的，就是这样。我们有一些 Javascript 代码来处理隐藏的 id 字段和一些更高级的功能，但 id 会与图片数据一起发布。

【讨论】：

【解决方案3】：

我知道这是一篇很老的帖子，但我试图让 SolarBear 的答案起作用，并且在像这样将参数“值”添加到隐藏输入时它对我有用；

<form action="/action.php" class="dropzone">
<input type="hidden" name="additionaldata" value="valueToPass" />
</form>

感谢您的帮助！

【讨论】：