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

Posting additional data with Dropzone and params

我正在使用 Dropzone 和 bootstrap 示例上传文件。我还想 POST 额外的数据。在阅读了其他问题的答案后，我尝试了多种变体，但由于我对 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.

的输入语句中获取数据

问题分为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

的更多信息