GET UIKIT Upload

Question

Ich habe die Upload-Komponente .js und .css auf meiner Seite laden. Ich habe das Upload-Verzeichnis auf 'uploads/' eingestellt - wenn ein Bild gelöscht oder manuell ausgewählt wird, erreicht der Fortschrittsbalken 100% und alles scheint erfolgreich zu sein.

Die Form hat

action='proc_update_container.php' method='post' enctype='multipart/form-data' 

Das Element hat

input id='fileToUpload' type='file' name='fileToUpload' 

Das Skript hat

var wählen = UIkit.uploadSelect ($ ('# fileToUpload'), Einstellungen

Mit den Einstellungen als:

action: 'proc_update_container.php', // upload url 

und der PHP-Skript, das die Form Submit-Button ruft das Hochladen von Bildern Server-Seite ist zu verarbeiten:

$target_dir = "uploads/"; 
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]); 
move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file); 

Wenn ich das Formular abschicken, wird der PHP-Scrip einen Dateinamen nicht erhalten, nicht so. Wenn ich ein einfaches HTML-Formular mit der gleichen Formularaktion und einem Standard-HTML input type="file" name="fileToUpload" id="fileToUpload" verwende, dann wird die Bilddatei perfekt in den uploads/Ordner gestellt.

Wohin gehe ich falsch?

Answer 1

Sie brauchen hier kein Formular, Upload-Komponente ist reine js-Lösung. Belassen Sie nur eine Eingabe - Dateieingabe. Beginnen Sie mit dem Dokumentationsbeispiel und sehen Sie, ob es mit Ihrem Skript ausgeführt werden kann. Denken Sie daran, css hinzuzufügen, um Ihre Dateieingabe in Text und andere verwendete Beispiele zu formatieren (form-file.css, placeholder.css, progress.css). Sehen Sie, was inisde Konsole ist - was passiert, wird Datei durchlaufen?

Und wichtige Sache. Passen Sie die Komponenteneinstellungen an, der Name der Standardpostabfrage lautet files [], also ändern Sie das Argument param in fileToUpload.

//... 
var settings = { 
param = "fileToUpload", 
} 
//...