So laden Sie mehrere Dateien über AJAX - Dateiverwaltung hoch
Als ich anfing, VueJs zu verwenden, war es ein Albtraum, ein anständiges Tutorial zum Hochladen einer einzelnen Datei mit AJAX zu finden, geschweige.
Ich habe ein paar Jahre mit dem Dateimanagement zu tun, hauptsächlich mit VueJs und Laravel. Deshalb dachte ich.
Zunächst finden Sie viele Lösungen online, die gut sind, aber diejenigen, die frühe Anfänger sind.
Was ich hier behandeln werde, ist, Ihren Frontend- und Backend -Code zu schreiben, mit dem Sie mehrere Dateien hochladen können. Außerdem werde ich Ihnen ein paar Tricks geben, wie Sie dieses Zeug auf verschiedene Situationen anwenden können.
In diesem Artikel wird eine grundlegende Fähigkeit eingeführt, mehrere Dateien aus der Benutzeroberfläche an Ihr Backend zu übergeben. Sobald Sie die Anhänge bestanden haben, werden sie automatisch in PHP hochgeladen, die in Laravel -Dokumentation beschrieben sind.
Sie können mein komplettes Laravel -Projekt unter https: // github überprüfen.com/asabanovic/file-Management-vuejs
Ich habe meinen Code nach GitHub gedrückt.
Laden Sie es herunter, führen Sie es aus, spielen Sie damit.
Wenn Sie bis zu diesem Punkt des Artikels aufgetreten sind, klatschen Sie bitte und kommentieren Sie, wenn Sie neue Fortsetzungen des Artikels sehen möchten, z. B.:
1. Ordnungsgemäßes Speichern von Dateien auf Festplatte und Datenbank
2. Erstellen einer Datenbibliothek (Ziehen bereits gespeicherte Anhänge, bevor Sie neue Hochladen hochladen)
3. Fähigkeit, alte und neue Anhänge zu löschen
4. Trennung von Anhängen zwischen verschiedenen Benutzern, damit Sie Ihre hochgeladenen Dateien nur sehen können
5. Einrichten der Dateigrößeneinschränkungen pro Benutzer
6. Begrenzung auf bestimmte Dateiformate
7. Bilder hochladen und Vorschau auf Bilder
8. Und mehr…
Vergessen Sie nicht, Ihren Github https: // github zu klonen.com/asabanovic/file-Management-vuejs !