asp.net-core - Asp.Net Core - 无法从 Dropzone JS 上传文件

Question

我正在使用带有 dropzone js 的 asp.net core 2.2。

我正在尝试提交一个表单以及 dropzone js 中包含的文件。

我有一个输入文件字段(可以隐藏或不隐藏)。我想将 dropzone 文件分配给该字段并提交。但 Forms 字段始终为空。

这是代码:

MVC Controller :

[HttpPost]
[ValidateAntiForgeryToken]
public IActionResult Add(ViewModels.Photo model)
{
    var files = HttpContext.Request.Form.Files; // this is also empty
    ....
}

MVC模型:

public class Photo
{
    ...

    public List<IFormFile> Files { get; set; }
}

HTML:

<form asp-action="Add" asp-controller="Photos" method="post" id="addForm" enctype="multipart/form-data">
    <div class="dropzone">
        <input asp-for="Files" type="file" multiple hidden/>
    </div>
    <button type="submit">Submit</button>
</form>

JS:

var e = "#addForm",
var t = new Dropzone(e, {
    maxFilesize: 1,
    acceptedFiles: ".png,.jpg,.jpeg",
    uploadMultiple: false,
    autoProcessQueue: false
});
t.on("addedfile", function (o) {
    $("#Files").files = t.files;
})

Answer 1

您可能会使用不同的操作方法签名

[HttpPost]
public ActionResult Add(HttpPostedFileBase file)
{
    //handle file.InputStream
}

这个例子显示了一个一个上传文件: https://gillesleblanc.wordpress.com/2017/01/25/integrating-dropzone-js-into-an-asp-net-mvc-site/