旧版本的IE不支持FormData (FormData的完整浏览器支持列表在这里:https://developer.mozilla.org/en-US/docs/Web/API/FormData)。

你可以使用jquery插件(对于ex, http://malsup.com/jquery/form/#code-samples)，或者，你可以使用基于IFrame的解决方案通过ajax发布多部分表单数据:https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript

看看我的代码，它为我做了这项工作

$( '#formId' )
  .submit( function( e ) {
    $.ajax( {
      url: 'FormSubmitUrl',
      type: 'POST',
      data: new FormData( this ),
      processData: false,
      contentType: false
    } );
    e.preventDefault();
  } );

我今天遇到的一个问题，我认为值得指出与这个问题有关:如果ajax调用的url被重定向，那么content-type: 'multipart/form-data'的报头可能会丢失。

例如，我在http://server.com/context?param=x上发帖

在Chrome的网络选项卡中，我看到了此请求的正确多部分头，但随后302重定向到http://server.com/context/?param=x(注意上下文后的斜杠)

在重定向期间，多部分报头丢失。如果这些解决方案不适合您，请确保请求没有被重定向。

Devin Venable的回答接近于我想要的，但我想要一个可以在多个表单上工作的答案，并使用表单中已经指定的操作，以便每个文件都能到达正确的位置。

我还想使用jQuery的on()方法，这样我就可以避免使用.ready()。

这让我想到了这个: (用jQuery选择器替换formSelector)

$(document).on('submit', formSelecter, function( e ) {
        e.preventDefault();
    $.ajax( {
        url: $(this).attr('action'),
        type: 'POST',
        data: new FormData( this ),
        processData: false,
        contentType: false
    }).done(function( data ) {
        //do stuff with the data you got back.
    });

});

FormData类确实可以工作，但在iOS Safari(至少在iPhone上)我不能使用Raphael Schweikert的解决方案。

Mozilla Dev有一个关于操纵FormData对象的不错的页面。

因此，在页面的某个地方添加一个空表单，指定enctype:

<form enctype="multipart/form-data" method="post" name="fileinfo" id="fileinfo"></form>

然后，创建FormData对象如下:

var data = new FormData($("#fileinfo"));

就像拉斐尔的密码一样

现在你甚至不需要jQuery:)获取API支持表

let result = fetch('url', {method: 'POST', body: new FormData(document.querySelector("#form"))})