Сервер ответил 400 кодом при попытке загрузить файл с DropZone JS - PullRequest
Новая
       28

Сервер ответил 400 кодом при попытке загрузить файл с DropZone JS

0 голосов
/ 26 апреля 2019

Я пытаюсь загрузить файлы, используя 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." });
}

1 Ответ

0 голосов
/ 02 мая 2019

Я нашел решение сам, в случае sendingmultiple код должен быть 

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