✅ So laden Sie Dateien mit PHP auf einen Webserver hoch

Inhaltsverzeichnis

Präsentation.
Schritt 1
Schritt 2
Schritt 3
Schritt 4
Schritt 5
Schritt 6
Schritt 7
Schritt 8
Schritt 9
Schritt 10
Schritt 11
Schritt 12
Schritt 13
Schritt 14
Schritt 15
Schritt 16
Schritt 17
Schritt 18
Schritt 19
Hat Ihnen dieses Tutorial geholfen?

Präsentation.

Hochladen von Dateien auf einen Webserver; einfach, wie schwer kann es sein? Sicher werden es viele sagen, aber diejenigen, die gerade erst in dieser Welt anfangen, haben sich sicherlich gefragt, wie es gemacht wird, ich möchte nur zu ihnen kommen, also wenn Sie mit PHP beginnen oder ein fortgeschrittener Benutzer sind, der diesen Code verloren hat und es nicht tut wieder schreiben wollen, dann lade ich Sie ein, weiterzulesen, denn in diesem Artikel werde ich meinen Code teilen, um Dateien schnell und einfach hochzuladen, dafür werde ich HTML5, PHP verwenden und mit Boostrap einen attraktiven Touch hinzufügen. In diesem Fall werde ich erklären, wie man .jpg.webp- oder .png.webp-Bilder hochlädt, aber mit minimalen Änderungen können Sie Dokumente, Audio und sogar Video hochladen, wenn Sie möchten.
Was brauchen wir?a) Ein Computer
b) Ein lokaler Server zum Testen und Zugreifen auf die Datenbank (ich verwende XAMPP)
c) Ein Code-Editor (ich verwende Sublime Text 3)

Schritt 1

Ich gehe in das htdocs-Verzeichnis von Xampp und erstelle einen neuen Ordner, den ich "upload" nenne.

VERGRÖSSERN
Darin werde ich eine weitere namens "files" und eine zusätzliche namens "php" erstellen.

VERGRÖSSERN

Schritt 2

Jetzt erstelle ich im Code-Editor eine neue Datei, die ich als index.php speichere, die später das HTML-Formular zum Hochladen der Dateien enthält.

VERGRÖSSERN

Schritt 3

Ich werde die Online-Referenzen zu boostrap hinzufügen.

VERGRÖSSERN

Schritt 4

Im Inneren des Körpers werde ich a . schaffen, innerhalb dieser a

VERGRÖSSERN

Schritt 5

Jetzt drinnenIch füge einen Autosprung hinzu
ein Titel mitund ich fange an, unser kleines Formular für den Upload zu strukturieren …

VERGRÖSSERN
Sie werden sehen, dass ich dem Label die Methode "POST" zugewiesen habe und in der Aktion ein Fragezeichen "?" was bewirkt, dass beim Senden des Formulars seine Werte an dieselbe Seite zurückgegeben werden, zusätzlich habe ich ein Attribut namens "encytipe" mit dem Wert "multipart / form-data" hinzugefügt, das als allgemeine Regel in allen verwendet werden sollte Formulare, die Dateien senden.

Schritt 6

Da wir das Etikett bereit haben, können wir das benötigte Feld und eine Schaltfläche hinzufügen, die das Formular zur Verarbeitung sendet.
Dafür werden wir ein Label hinzufügenund es enthält einen Eingabetyp "Datei", der für die Erfassung der Datei verantwortlich ist, die wir hochladen möchten …

VERGRÖSSERN
Wie Sie sehen, haben wir den Namen "file" und eine Klasse namens "form-control" vergeben, die zu Bootstrap gehört und dazu dient, die innerhalb eines Formulars enthaltenen Textfelder korrekt zu beabstanden. Wir fügen seinerseits auch ein "erforderliches" Attribut hinzu, das das Absenden des Formulars verhindert, wenn dieses Feld leer ist.

Schritt 7

Später fügen wir ein Etikett als Dekoration hinzu, das uns hilft, eine Linie zu zeichnen, die die vorherige Eingabe von der Schaltfläche trennt, mit der das Formular gesendet wird.

VERGRÖSSERN

Schritt 8

Wie Sie direkt unter dem Label sehen werden, haben wir eine Eingabe vom Typ "submit" platziert, zu der wir die Boostrap-Klassen "btn btn-primary center-block" hinzufügen, von denen die erste uns hilft, unserem eine attraktivere Form zu geben Schaltfläche, die zweite platziert es in der Primärfarbe von Boostrap, die ein intensives Blau ist, und die dritte wird verwendet, um dieses Element mit einer zentrierten Anpassung zu platzieren. Beachten Sie, dass wir diese Schaltfläche "up" genannt haben.

Schritt 9

Wir haben unser HTML bereits fertig, also werden wir jetzt einige Zeilen in PHP schreiben, die für das Hochladen unserer Dateien verantwortlich sind. Dazu erstellen wir eine neue upload.php-Datei, die ich in der "php" speichere. Ordner, den wir in Schritt 2 erstellen.

Schritt 10

Das erste, was wir in unserer PHP-Datei tun werden, ist zu überprüfen, ob die Schaltfläche gedrückt wurde
"Hochladen" und wenn das Feld "Datei" nicht leer ist, schreiben wir dazu Folgendes …

VERGRÖSSERN

Schritt 11

Sobald dies verifiziert ist, verwenden wir eine "foreach"-Schleife, um die Eigenschaften der hochzuladenden Datei zu ermitteln. Wie bereits erwähnt, sprechen wir in diesem Fall von Bildern in .jpg.webp oder .png.webp.

VERGRÖSSERN

Schritt 12

Wir erstellen 2 Variablen namens "$ file" und "$ destination", die erste enthält die Datei, die wir hochladen, und die zweite wird den Pfad und den Namen zuweisen, unter dem sie gespeichert werden soll , wie Sie sich den Speicherpfad vorstellen können Es ist das Verzeichnis "files", das in Schritt 2 erstellt wurde, während der Name, unter dem es gespeichert wird, aus dem $ FILES-Array stammt, das wir im vorherigen Schritt mit dem foreach erstellt haben …

VERGRÖSSERN

Schritt 13

Jetzt müssen wir überprüfen, ob die hochgeladene Datei den gewünschten Parametern entspricht. Ich habe zuvor angegeben, dass ich Bilder in .jpg.webp oder .png.webp hochladen möchte, aber jetzt ist der Moment, um sie in unserem Code definiert zu belassen. Auch als persönliche Maßnahme möchte ich, dass die maximale Größe der hochzuladenden Bilder 2 MB beträgt, also werde ich die Gelegenheit nutzen, um dies ebenfalls anzugeben, aber diese maximale Größe kann nicht in MB definiert werden, also müssen wir sie in umwandeln Byte…

VERGRÖSSERN
Da wir die Voraussetzungen für die Verarbeitung der Dateien geschaffen haben, müssen wir nun definieren, was wir mit ihnen machen. In diesem Fall möchte ich, dass diese Dateien in den Ordner "files" kopiert werden, aber ich möchte auch, dass der Pfad zu jeder Datei in einer Datenbank gespeichert wird, damit ich später eine Liste oder eine Galerie mit diesen Dateien erstellen kann.
Das heißt, wir müssen eine Datenbank erstellen und darin eine Tabelle mit Feldern, die den Pfad jeder Datei enthalten, eine Verbindungsdatei zu dieser Datenbank und natürlich in unsere upload.php eine SQL-Anweisung einfügen, die den Pfad jeder Datei einfügt innerhalb der Datenbank. Tue es!.

Schritt 14

Wenn xampp aktiv ist, gehen wir zu unserem Browser und geben die Adresse "localhost / phpmyadmin" ein. Sobald wir unseren Benutzernamen und unser Passwort eingegeben haben, erstellen wir eine neue Datenbank, ich nenne sie "upload" und weise eine Übereinstimmung zu "utf8_spanish_ci" .

VERGRÖSSERN

Schritt 15

Darin werden wir eine Tabelle erstellen, die ich "routes" mit nur 2 Spalten, einer automatisch inkrementierenden ID und einer anderen namens Route vom Typ varchar nenne.

VERGRÖSSERN

VERGRÖSSERN
Wir haben bereits die Datenbank und die Tabelle, die wir brauchen, aber jetzt müssen wir uns mit dieser Datenbank verbinden. Dazu gehe ich in meinen Code-Editor und erstelle 2 neue Dateien und speichere sie als "config.php" und "connection.php" darin den php-Ordner, den wir bereits haben.

VERGRÖSSERN

Schritt 16

Jetzt kehren wir zu unserer Datei "upload.php" zurück und binden darin die Datei "connection.php" ein.

VERGRÖSSERN

Schritt 17

Dann fügen wir die Funktion hinzu, damit die hochgeladene Datei in das Verzeichnis "files" kopiert wird und wir den Pfad oder Link zu dieser Datei in die Datenbank einfügen. Dann können wir eine Bestätigungsnachricht hinzufügen, wenn alles gut geht, und eine Warnmeldung, falls wir nicht den richtigen Dateityp hochladen oder das maximale MB-Limit überschritten wird.

VERGRÖSSERN

Schritt 18

Wir kehren zu unserer Datei "index.php" zurück und setzen nach dem schließenden Tag "" ein Include in die Datei upload.php

VERGRÖSSERN

Schritt 19

Wir haben unseren Code bereits fertig, die Datenbank wurde erstellt und die Verbindung ist konfiguriert, nun sehen wir uns das Ergebnis an und prüfen, ob es richtig funktioniert.

Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben

Hat Ihnen dieses Tutorial geholfen?

Wenn nicht

HILFE, DIESES TUTORIAL ZU VERBESSERN!

Glauben Sie, dass Sie dieses Tutorial korrigieren oder verbessern können? Sie können Ihre Edition mit den Änderungen senden, die Sie für sinnvoll erachten.
0 Benutzer haben dieses Tutorial bearbeitet. Bearbeiten Sie und werden Sie ein anerkannter Experte!
Bearbeiten Sie dieses Tutorial

8 Kommentare

David sanz
29.08.2015 23:34Ich habe das Tutorial geliebt, es ist sehr interessant zu wissen, wie man Dateien über PHP hochlädt. Danke Ronny

Prüfbericht

Ronny Bonillo
30.08.2015 00:50Gern geschehen, David, ich hoffe, es ist nützlich für Sie … Grüße …

Prüfbericht

Ruben Gandia
03.09.2015 18:45

Ronny, ich habe dein Tutorial verwendet, um einen Fehler zu korrigieren, den ich beim Hochladen von Dateien über PHP gemacht habe. Ich verbinde mich nur, um dir das zu geben Danke und dass ich dir auch Folgen markiert habe.

Prüfbericht

Ronny Bonillo
03.09.2015 18:47

Gern geschehen, Ruben, danke, dass du mir folgst! Ich freue mich, dass Sie es nützlich fanden …

Prüfbericht

Diego Agudelo Jimenez
16. Februar 2016 22:56

Ausgezeichnete Hilfe

Prüfbericht

Ronny Bonillo
Di 02 2016 06:24;-)

Prüfbericht

MartinPm
05.08.2016 20:16

Wie wäre es mit Ronny, kannst du mir helfen, dass ich diesen Fehler bekomme …

Hinweis: Undefinierter Index: Datei in C:\xampp\htdocs\upload\php\upload.php on line3
Warnung: Ungültiges Argument für foreach () inC: \ xampp \ htdocs \ upload \ php \ upload.php in Zeile 3 angegeben
Hinweis: Undefinierter Index: Datei in C:\xampp\htdocs\upload\php\upload.php auf line7
Hinweis: Undefinierter Index: Datei in C:\xampp\htdocs\upload\php\upload.php auf line8
Hinweis: Undefinierter Index: Datei in C:\xampp\htdocs\upload\php\upload.php auf line10

Prüfbericht

josenumis
Dez2021-202221-2022 17:23Hallo, ich habe kopiert, wie es ist, aber den Namen des Servers usw. geändert (der nicht lokal ist) und es werden die Dateien nicht hochgeladen oder es wird kein Fehler angezeigt (ich kann die Datei auswählen), wenn es nicht ausgewählt wurde, sagt es Ich kann es auswählen, aber wenn ich es an den Server sende, tut es nichts. Kann mir jemand die Codes senden, um zu überprüfen, ob etwas nicht stimmt)? Ich denke, alles ist in Ordnung. Meine E-Mail ist [email protected] vielen Dank.

Prüfbericht

Warten Sie nicht länger und geben Sie Solvetic einHinterlassen Sie Ihre Kommentare und nutzen Sie das Benutzerkonto Machen Sie mit!

Benutzerkonto erstellenMelden Sie sich KOSTENLOS an, um Ihr Solvetic-Konto zu habenEinen Account registrieren
IdentifizierenHaben Sie bereits ein Konto? Hier anmeldenIdentifizieren Sie mich in meinem Konto