如何使用 ajax 在 asp.net mvc 中上传文件以及其他模型值？

【问题标题】：How can i upload files along with other model values in asp.net mvc using ajax?如何使用 ajax 在 asp.net mvc 中上传文件以及其他模型值？
【发布时间】：2017-11-06 10:06:31
【问题描述】：

我发现的所有文章都讨论了使用非 ajax 表单发布同时上传文件和文本值，或者仅使用 ajax 发布请求上传文件。有没有办法使用 ajax post 上传文件和文本值到 mvc 操作，我可以获得模型绑定以及 Request.Files？

【问题讨论】：

标签： asp.net ajax model-view-controller upload

【解决方案1】：

做了一些实验后，发现这样做的代码也没有那么复杂：

var formData = new FormData($("form")[0]);

        $.post({
            url: "/Home/Upload",
            contentType: false,
            processData: false,
            data: formData,
            success: function () {
                alert("done");
            }
        });

棘手的部分是FormData对象的构造。实际上不需要手动添加文件和其他文本值，只要所有输入都在表单标签内即可。

【讨论】：

还有一个技巧，表单标签内的所有输入元素都必须有一个名称属性才能包含在表单值中。