c# - 尝试使用 DropZone JS 上传文件时服务器响应 400 代码

Question

我正在尝试使用 Dropzone JS 上传文件，但收到错误消息：

服务器响应 400 代码”

我尝试@Html.AntiForgeryToken()在表格中设置。我也尝试发送一个令牌：

xhr.setRequestHeader("XSRF-$('input:hidden[name="__RequestVerificationToken"]').val());

但仍然有同样的错误。

我的 HTML：

<form enctype="multipart/form-data" method="POST">
    @Html.AntiForgeryToken()
    <input type="text" id="Username" name="Username" />
    <div class="dropzone" id="my-dropzone" name="mainFileUploader">
        <div class="fallback">
            <input name="file" type="file" multiple />
        </div>
    </div>
</form>
<div>
    <button type="submit" id="submit-all"> upload </button>
</div>

我的 JS：

Dropzone.options.myDropzone = {
    url: "/Admin/Product/UploadFiles",
    autoProcessQueue: false,
    uploadMultiple: true,
    parallelUploads: 100,
    maxFiles: 100,
    //acceptedFiles: "image/*",

    init: function () {

        var submitButton = document.querySelector("#submit-all");
        var wrapperThis = this;

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

        this.on("addedfile", function (file) {

            var removeButton = Dropzone.createElement("<button class='btn btn-lg dark'>Remove File</button>");

            removeButton.addEventListener("click", function (e) {
                // Make sure the button click doesn't submit the form:
                e.preventDefault();
                e.stopPropagation();
                wrapperThis.removeFile(file);
            });

            file.previewElement.appendChild(removeButton);
        });

        this.on('sendingmultiple', function (data, xhr, formData) {
            formData.append("Username", $("#Username").val());
            xhr.setRequestHeader("XSRF-TOKEN",
                $('input:hidden[name="__RequestVerificationToken"]').val());
        });
    }
};

我的行动：

[HttpPost]
public ActionResult UploadFiles()
{
    var postedUsername = Request.Form["Username"].ToString();

    // process files

    return Json(new { status = true, Message = "Account created." });
}

Answer 1

我自己找到了解决方案，sendingmultiple如果代码应该是

formData.append("__RequestVerificationToken",
                $('input:hidden[name="__RequestVerificationToken"]').val());