Datei-Upload über Ajax mit XMLHttpRequest

Question

Ich habe mich bemüht herauszufinden, was das Problem des Hochladens von Bildern sein kann. Versucht mehrere Wege, konnte aber in Ajax nicht erfolgreich sein. Wenn ich eine Datei ohne Ajax hochladen will, funktioniert es gut: Ich bin neu in AJAX, daher kann ein Trick fehlen.

Darüber hinaus funktioniert das vollständige Formular perfekt mit Ajax, aber $ _FILES schafft ein Problem. ERROR:

Notice: Undefined index: Laden Sie in Z: \ xampp \ htdocs \ webseite \ a.php auf der Leitung 70

Was kann der Grund sein?

Ich weiß, dass es mehrere Beiträge dazu gibt, aber keine Übereinstimmung mit XMLHttpRequest.

Danke

Dies ist der Code.

HTML-Datei hat HTML-Code und Javascript/AJAX-Code. Zweite Datei: a.php hat PHP-Code.

<div class="form-group mygroup"> 
      <label for="name"> Upload (optional) </label> 
      <input type="file" class="form-control" name="Upload" id="Upload"> 

</div> 

<script> 
    var xhttp = new XMLHttpRequest(); 
     var Upload_rek=document.getElementById('Upload').value; 

     xhttp.open('GET', 'a.php?&Upload_var='+Upload_rek+'&Senden_var='+Senden_rek, true); 
     xhttp.send(); 
</script> 

<?php 
$target = "uploads/".basename($_FILES['Upload']['name']); 
?> 

Answer 1

Sie benötigen eine Datei anhängen mit Formdata

var formData = new FormData(); 
formData.append(file, file); 
xhr.send(formData); 

In Ihrem aktuellen Codezustand Sie nicht die Datei auf den Server an alle senden/hochladen.