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.
    });

});

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

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

我只是根据我读到的一些信息构建了这个函数。

像使用.serialize()一样使用它，而不是只放.serializefiles();。 在这里做测试

//USAGE: $("#form").serializefiles();
(function($) {
$.fn.serializefiles = function() {
    var obj = $(this);
    /* ADD FILE TO PARAM AJAX */
    var formData = new FormData();
    $.each($(obj).find("input[type='file']"), function(i, tag) {
        $.each($(tag)[0].files, function(i, file) {
            formData.append(tag.name, file);
        });
    });
    var params = $(obj).serializeArray();
    $.each(params, function (i, val) {
        formData.append(val.name, val.value);
    });
    return formData;
};
})(jQuery);

只是想给拉斐尔的回答补充一点。下面是如何让PHP生成相同的$_FILES，而不管是否使用JavaScript提交。

HTML表单:

<form enctype="multipart/form-data" action="/test.php" 
method="post" class="putImages">
   <input name="media[]" type="file" multiple/>
   <input class="button" type="submit" alt="Upload" value="Upload" />
</form>

在没有JavaScript的情况下，PHP会生成这个$_FILES:

Array
(
    [media] => Array
        (
            [name] => Array
                (
                    [0] => Galata_Tower.jpg
                    [1] => 518f.jpg
                )

            [type] => Array
                (
                    [0] => image/jpeg
                    [1] => image/jpeg
                )

            [tmp_name] => Array
                (
                    [0] => /tmp/phpIQaOYo
                    [1] => /tmp/phpJQaOYo
                )

            [error] => Array
                (
                    [0] => 0
                    [1] => 0
                )

            [size] => Array
                (
                    [0] => 258004
                    [1] => 127884
                )

        )

)

如果你做渐进式增强，使用Raphael的JS提交文件…

var data = new FormData($('input[name^="media"]'));     
jQuery.each($('input[name^="media"]')[0].files, function(i, file) {
    data.append(i, file);
});

$.ajax({
    type: ppiFormMethod,
    data: data,
    url: ppiFormActionURL,
    cache: false,
    contentType: false,
    processData: false,
    success: function(data){
        alert(data);
    }
});

．.． 这是PHP的$_FILES数组，使用JavaScript提交后的样子:

Array
(
    [0] => Array
        (
            [name] => Galata_Tower.jpg
            [type] => image/jpeg
            [tmp_name] => /tmp/phpAQaOYo
            [error] => 0
            [size] => 258004
        )

    [1] => Array
        (
            [name] => 518f.jpg
            [type] => image/jpeg
            [tmp_name] => /tmp/phpBQaOYo
            [error] => 0
            [size] => 127884
        )

)

这是一个很好的数组，实际上有些人将$_FILES转换为这个数组，但我发现使用相同的$_FILES是很有用的，不管是否使用JavaScript提交。所以，下面是对JS的一些小改动:

// match anything not a [ or ]
regexp = /^[^[\]]+/;
var fileInput = $('.putImages input[type="file"]');
var fileInputName = regexp.exec( fileInput.attr('name') );

// make files available
var data = new FormData();
jQuery.each($(fileInput)[0].files, function(i, file) {
    data.append(fileInputName+'['+i+']', file);
});

(2017年4月14日编辑:我从FormData()的构造函数中删除了form元素——在Safari中修复了这段代码。)

该代码做两件事。

自动检索输入名称属性，使HTML更易于维护。现在，只要表单有putImages类，其他一切都会自动处理。也就是说，输入不需要有任何特殊的名称。 普通HTML提交的数组格式由JavaScript在数据中重新创建。附加线。注意括号。

通过这些更改，使用JavaScript提交现在生成的$_FILES数组与使用简单HTML提交的数组完全相同。

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

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

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

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

如果表单是在HTML中定义的，那么将表单传递给构造函数要比迭代和添加图像容易得多。

$('#my-form').submit( function(e) {
    e.preventDefault();

    var data = new FormData(this); // <-- 'this' is your form element

    $.ajax({
            url: '/my_URL/',
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',     
            success: function(data){
            ...