javascript - 使用 dropzone.js 发送附加参数

Question

我正在尝试添加 dropzone.js 并且我想通过 file 传递另一个参数，因此我将隐藏输入放入 form 中。我可以上传文件并可以在 Java 部分中读取它，但我无法读取 type_chooser，

  ------WebKitFormBoundaryZxF6MCYJpTOLUokN
 Content-Disposition: form-data; name="type_chooser"

 2
 ------WebKitFormBoundaryZxF6MCYJpTOLUokN
 Content-Disposition: form-data; name="file"; filename="isci.xlsx"
 Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

所以如果我写；

 request.getParameter("type_chooser");

我得到空

如何获得 type_chooser ？

注意:我尝试过；

  dropzone.on("sending,function(file,xhr,data){
     data.append("type_chooser","1");
  });

这给出了与 dropzone 形式的隐藏字段相同的输出，它们都发送 type_chooser 但我无法在 java 中读取它

Answer 1

您可以将数据与表单数据一起附加

 $("div#dropzone_profile_photo").dropzone({
            url: "/file-upload/",
            init: function() {
                this.on("sending", function(file, xhr, formData){
                        formData.append("data", "loremipsum");
                });
            }
        });

$("div#dropzone_profile_photo").dropzone({
  url: "/test",
  init: function() {
    this.on("sending", function(file, xhr, formData) {
      formData.append("data", "loremipsum");
      console.log(formData)
    });
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
<link rel="stylesheet" href="https://rawgit.com/enyo/dropzone/master/dist/dropzone.css">
<div id="dropzone_profile_photo" style="width:400px;height:400px; background-color:blue"></div>