Ajax 请求中的文件未随 FormData 一起发送

Question

我有一个 ajax 请求正在发送一个文件和一些其他信息。除文件外的所有内容都是正确的值，并且文件始终为空。我不明白为什么。

这是我在表格中包含的输入：

<input type="file" id="file" runat="server"/>

单击按钮时，它会调用此函数：

function ButtonClick() {
    var file = document.getElementById('file').files[0]; // correctly gets the file

    var formData = new FormData();
    formData.append('key1', 'val1');
    formData.append('key2', 'val2');
    formData.append('file', file, file.name);

    $.ajax({
        cache: false,
        data: formData,
        dataType: 'json',
        processData: false,
        contentType: false,
        success: function (data, textStatus, jqXHR) { closeWindow(); },
        timeout: 30000,
        type: 'POST',
        url: '<%= ResolveClientUrl("~/api/Example/ExampleUrl") %>'
    });
}

当我在服务器端收到请求时，我得到以下值：

var key1= HttpContext.Current.Request.Form["key1"]); // returns "val1"
var key2= HttpContext.Current.Request.Form["key2"]); // returns "val2"
var file= HttpContext.Current.Request.Form["file"]); // returns "null"

当我查看 HttpContext.Current.Request.Form 时，“文件”根本不在请求中。

Answer 1

文件应该可以通过

访问

HttpContext.Current.Request.Files["file"]

Ajax 请求中的文件未随 FormData 一起发送

File not sending with FormData in Ajax request

javascript

c#

asp.net

ajax

form-data