jquery - 在 ASP.NET Mvc 中使用 Dropzone 传递隐藏的表单值

Question

刚刚开始使用 Dropzone，到目前为止它看起来非常好。我有后端功能来处理上传本身，但在调试时我注意到该操作永远不会被命中。这是因为我的表单包含一个隐藏输入来传递所需的 id(用于执行上传的操作)。这是我的表格:

@using (Html.BeginForm("UploadFile", "UnitSummary", FormMethod.Post, new
{
    enctype = "multipart/form-data",
    id = "imgUpload",
    @class = "dropzone"
}))
{
    <div class="fallback">
        <input name="file" type="file" multiple />
        <input type="submit" value="Upload" />
        <input type="hidden" name="unitId" value="@Model.ViewUnitContract.Id"/>
    </div>
}

JS:

<script type="text/javascript">
    $(document).ready(function () {
        // Dropzone
        Dropzone.options.imgUpload = {
            paramName: "file", // Must match the name of the HttpPostedFileBase argument that the Upload action expects.
            acceptedFiles: "image/*" // Accept images only
        };
    });
</script>

这是我的行动:

[HttpPost]
public ActionResult UploadFile(HttpPostedFileBase file, int unitId)
{
    ...
}

现在，如果我删除“int unitId”参数，则会触发此操作。唯一的问题是我实际上需要那个 id :)

Answer 1

使用以下形式解决:

<form action="/UnitSummary/UploadFile?unitId=@Model.ViewUnitContract.Id" class="dropzone" enctype="multipart/form-data" id="imgUpload" method="post">
    <div class="fallback">
        <input name="file" type="file" multiple />
        <input type="submit" value="Upload" />
    </div>
</form> 

Controller 操作和 js 保持不变。