htmlフォームを使用せずにajaxを使用して複数のファイルを送信する

Question

複数のアップロードプロパティを持つ単一ファイル入力フィールドを使用しています。私はすでにそのような単一のファイルのパスをテストし、それは働いた。今私は に配列を使用してファイルを渡そうとしていますが、間違いがあります。 フォームはありません。

HTML：

<input id="fileInfo" name="userfile[]" type="file" multiple> 

JS：

var formData = new FormData(); 
var files = []; 
for(var i = 0; i < length; i++) { 
    files[i] = $('input', '#fileInfo')[0].files[i]; 
} 
formData.append('userfile', files); 
$.ajax({ 
    url: "example.php", 
    data: formData, 
    type: 'POST', 
    dataType: 'json', 
    processData: false, 
    contentType: false, 
    success: function(res) 
    { 
     console.log("done"); 
    } 
}); 

PHP：

<?php 
$length = sizeof($_FILES['userfile']['name']); 
json_encode(array($length)); 

のerror.log：

PHP Notice: Undefined index: userfile in /path/to/php on line 2, referer: http://localhost/test 

Answer 1

代わりに（一種の奇妙なソースが既に配列であるため、実行することです）ファイルを持つ配列を構築する、あなたのいるFormDataオブジェクトに直接ファイルを追加します。

var formData = new FormData(); 

// Get all the files so we easily can get the length etc. 
// Not necessary, but it will make the code easier to read. 
var files = $('input', '#fileInfo')[0].files; 

for(var i = 0; i < files.length; i++) { 
    formData.append('userfile[]', files[i]); 
} 

$.ajax({ 
    // your ajax call 
}); 

我々はまた、'userfile[]'に'userfile'を変更しましたそれはあなたのPHPでループすることができる配列になります。