jquery - 使用ajax提交文件

Question

我不知道该怎么做 -

我的表单包含文本字段和输入的文件数（图像） 我如何使用ajax提交文件？ jquery脚本应该是什么样子的？

<form id="attrac-form-<?PHP echo $mainIndex['id'] ?>" action="#"  method="post" enctype="multipart/form-data" class="attrac-form">

      <input type="file" name="file[]">

      <input type="file" name="file[]">

      <input type="file" name="file[]">

      <input class="attrac-submit" value="SEND" type="submit" >

    </form>

这是我目前文本字段的js

$(document).on("click", ".attrac-submit", function(e){

        e.preventDefault();

        var formData = $(this).closest('form').serializeArray();
        formData.push({name: 'act', value: 'edit'});        

        submitAtractionForm (formData);

});


function submitAtractionForm(formData)
{

    $.ajax ({
      type: 'POST',
      url: 'ajax/attractions.php',
      data: formData,
      dataType    : 'json',
      async: false,
      code        : true
    }).done(function(data) 
    {
        ...
    });

}