c# - 带有一些其他参数的 Dropzone

Question

我使用 Dropzone 上传图像。我需要通过它发送一些其他值(一些文本值)。在我的场景中，我需要将产品名称发送到 Controller (请参阅代码中的一些注释)

当点击按钮时，图像成功到达 Controller 一侧。

HTML 代码:

<input type="text" name="text" id="txtprod" class="form-control" />

<div id="dropzonffe" style="width: 55%; margin-left: 25%">
    <form action="~/Admin/SaveProducts" class="dropzone" id="dropzoneJsForm"></form>
</div>

jQuery 代码:

<script type="text/javascript">
Dropzone.options.dropzoneJsForm = {

    autoProcessQueue: false,
    init: function () {
        var submitButton = document.querySelector("#btnSubmit");
        var myDropzone = this;

        submitButton.addEventListener("click", function () {
            var ProductName = $("#txtprod").val();//<-- I want to send this Productname to the controller also.
            myDropzone.processQueue();
        });
    }
};
</script>

我的 Controller :

public ActionResult SaveProducts () {
    bool isSavedSuccessfully = false;

    foreach (string fileName in Request.Files) {
        HttpPostedFileBase file = Request.Files[fileName];
        isSavedSuccessfully = true;
    }
    return Json (new { isSavedSuccessfully, JsonRequestBehavior.AllowGet });
}

我需要将产品名称传递给 Controller ​​。我该怎么做？

Answer 1

我找到了我的问题的解决方案。为了将来的帮助，我将其粘贴到这里。DropZone 中有一个名为 sending 的事件。您可以通过附加到表单数据来传递其他参数。

 Dropzone.options.dropzoneJsForm = {
    autoProcessQueue: false,
    init: function () {
        var submitButton = document.querySelector("#btnSubmit");
        var myDropzone = this;

        this.on("sending", function (file, xhr, formData) {
            formData.append("ProductName", $("#txtprod").val());


        });

        submitButton.addEventListener("click", function () {
        myDropzone.processQueue();

        });

    }
};

在服务器端访问它

 public ActionResult SaveProducts(string ProductName)
    {

     }