使用 Dropzone 和参数发布附加数据

Question

我正在使用 Dropzone 和引导示例来上传文件。我还想发布其他数据。在阅读了其他问题的答案后，我尝试了多种变体，但由于我对 javascript 不是很有经验，因此我无法完全正确地从输入语句中获取数据。

我有两个字段

<input type="text" name="firstname" id="firstname">
<input type="text" name="lastname" id="lastname">

我已经尝试添加参数

params: {
  firstname: ?????,
  lastname: ?????,
},

我知道该方法就像我使用的一样工作

params: {
  firstname: "abcde",
  lastname: "vwxyz",
},

然后发布 abcde 和 vwxyz。我只是无法将输入语句中的数据获取到 POST。

Answer 1

问题分为2个。

1. 如何获取输入的值。
2. 如何将参数传递给 Dropzone。

答案：

1. 使用document.querySelector 和.value（参见this answer）。
2. 由于在您初始化 Dropzone 时输入为空，params 应该是一个在您需要时检索值的函数（例如单击 start）。

params: () => ({
  firstname: document.querySelector('#firstname').value,
  lastname: document.querySelector('#lastname').value,
}),

https://jsbin.com/neteker/edit?js,output

更多关于params的信息