Senden von FileList mit Ajax zu PHP-Skript

Question

Ich versuche Array-Dateien mit JS zu senden. Mein Code:

var formData = new FormData(); 
formData.append("files", files); 

$.ajax({ 
    url: './upload.php', 
    method: 'post', 
    data: formData, 
    processData: false, 
    contentType: false, 
success: function(response) { 
    alert('Files uploaded successfully. '); 
    console.log(response); 
}, 
error: function(jqXHR, textStatus, errorThrown) { 
    console.log(textStatus, errorThrown); 
} 

}); 

In diesem Bild, das Sie die Antwort sehen (rot) von PHP https://beta.ctrlv.cz/mUwx und auch können Sie die Dateien Array-Daten sehen. Mein PHP-Code ist:

<?php 
    echo $_POST['files'][0]["name"]; 
?> 

ich PHP-Skript will für den Upload verwenden, aber die Ajax nicht das Array der Datei geschickt, die für das Hochladen von Bedeutung ist.

Answer 1

Hier ist eine Antwort, die ich gefunden:

var data = new FormData(); 
jQuery.each(jQuery('#file')[0].files, function(i, file) { 
    data.append('file-'+i, file); 
}); 

Sie FormData bezwecken So, jetzt bereit zusammen mit dem XMLHttpRequest gesendet werden.

jQuery.ajax({ 
    url: 'php/upload.php', 
    data: data, 
    cache: false, 
    contentType: false, 
    processData: false, 
    type: 'POST', 
    success: function(data){ 
     alert(data); 
    } 
}); 

Hier ist die Quelle: https://stackoverflow.com/a/5976031/7282094

Hoffnung, die helfen.

Answer 2

Ändern Sie möglicherweise contentType: false, zu contentType: "multipart/form-data",.

Entnommen http://api.jquery.com/jquery.ajax/

contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8') Type: Boolean or String When sending data to the server, use this content type. Default is "application/x-www-form-urlencoded; charset=UTF-8", which is fine for most cases. If you explicitly pass in a content-type to $.ajax(), then it is always sent to the server (even if no data is sent). As of jQuery 1.6 you can pass false to tell jQuery to not set any content type header. Note: The W3C XMLHttpRequest specification dictates that the charset is always UTF-8; specifying another charset will not force the browser to change the encoding. Note: For cross-domain requests, setting the content type to anything other than application/x-www-form-urlencoded, multipart/form-data, or text/plain will trigger the browser to send a preflight OPTIONS request to the server.