複数のファイルを選択してajaxにアップロードする

Question

一連の画像を選択してから、ajax呼び出しでデータをアップロードしたいと考えています。以下は私のhtmlです。ファイルをforループに追加できません。

<form name="nameform" method="POST" enctype="multipart/form-data"> 
    <input id="file_input" type="file" name="files[]" multiple>  
    <input type="button" name="button" value="Submit" onClick="getInfo(this.form)" /> 
</form> 


    var oMyForm = new FormData(); 
    var filelenth = file_input.files; 
    for (var i = 0; i < filelenth.length; i++) { 
    var fileCheck = file_input.files[i]; 
    if (!fileCheck.type.match('image.*')) { 
     continue; 
    } 
    oMyForm.append('files[]', fileCheck, fileCheck.name); 
    } 

    $.ajax({ 
    url: 'URL', 
    data: oMyForm, 
    dataType: 'json', 
    processData: false, 
    contentType: false, 
    type: 'POST', 
    success: function(data) { 
     alert(data); 
    } 
    }); 

Answer 1

var data2 = new FormData(); 
    $.each($("#attachmentInfo :file"), function(i, file) { 
     data2.append('attachmentFiles', file.files[0]); 
    }); 

     $.ajax({ 
      type: 'POST', 
      contentType: false, 
      processData: false, 
      dataType: 'text', 
      url: 'savefile2.html', 
      data: data2, 
      success: function(responseData, textStatus) { 

      }, 
      complete: function(textStatus) { 

      }, 
      error: function(responseData) 
      { 

      } 
     });