时间戳

首页 > 解决方案 > 使用 Dropzone 和参数发布附加数据

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

问题描述

我正在使用 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。

标签： javascriptdropzone

解决方案

问题分为2。

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

答案：

  1. 使用document.querySelectorand .value（参见这个答案）。
  2. 由于在初始化Dropzone时输入为空，params因此应该是一个在需要时检索值的函数（例如 click start）。
params: () => ({
  firstname: document.querySelector('#firstname').value,
  lastname: document.querySelector('#lastname').value,
}),

https://jsbin.com/neteker/edit?js,输出

更多信息params

推荐阅读