Suchen Sie nach dem Hochladen und Komprimieren von Bildern in Laravel? Laravel bietet eine einfache M\u00f6glichkeit zum Hochladen von Dateien. Das Komprimieren der Bilder beim Hochladen ist eine bew\u00e4hrte Vorgehensweise. In diesem Artikel zeige ich Ihnen, wie Sie Bilder in Laravel hochladen und komprimieren.<\/p>\n
Bilder spielen eine wichtige Rolle auf Ihrer Website. Bilder sorgen f\u00fcr eine bessere UX und ein auff\u00e4lliges Erlebnis f\u00fcr die Besucher. Gleichzeitig kann es aber auch die Leistung der Website beeintr\u00e4chtigen. Schwere Bilder verlangsamen die Site. Infolgedessen dauert das Laden Ihrer Website sehr lange. Benutzer m\u00f6gen keine langsamen Websites. Wenn das Laden Ihrer Website l\u00e4nger dauert, ist die Wahrscheinlichkeit hoch, dass Sie Ihr Publikum verlieren. Die Standardladezeit f\u00fcr eine Website betr\u00e4gt 2 Sekunden. Sie sollten darauf achten, dass Ihre Site innerhalb von 2 Sekunden geladen wird.<\/p>\n
Obwohl einige Faktoren ber\u00fccksichtigt werden m\u00fcssen, um die Seitengeschwindigkeit zu verbessern, ist einer davon die Verwendung optimierter Bilder. Durch das Komprimieren von Bildern wird die Gr\u00f6\u00dfe Ihres Originalbilds verringert, ohne dass die Qualit\u00e4t verloren geht. Es hilft, die Geschwindigkeit der Website zu erh\u00f6hen.<\/p>\n
Sehen wir uns jedoch an, wie Sie Bilder in Laravel hochladen und komprimieren.<\/p>\n
Laravel bietet eine saubere M\u00f6glichkeit, die Bilder hochzuladen. Um damit zu beginnen, m\u00fcssen wir zun\u00e4chst ein Verzeichnis erstellen, in dem wir die Bilder speichern. \u00d6ffnen Sie Ihre Eingabeaufforderung im Stammverzeichnis und f\u00fchren Sie den folgenden Befehl aus.<\/p>\n
php artisan storage:link<\/code><\/pre>\nDieser Befehl erstellt ein ’storage‘-Verzeichnis unter dem ‚public‘-Ordner.<\/p>\n
Erstellen Sie als N\u00e4chstes ein Formular mit der Dateieingabe- und Senden-Schaltfl\u00e4che, indem Sie den folgenden Code in Ihre Blade-Datei einf\u00fcgen.<\/p>\n
<form action=\"{{ url('ROUTE_HERE') }}\" method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"exampleInputFile\">File input<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"file\" name=\"profile_image\" id=\"exampleInputFile\">\n\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" class=\"btn btn-default\">Submit<\/button>\n<\/form><\/code><\/pre>\nIm obigen HTML habe ich eine Dateieingabe mit dem Namen ‚profile_image‘ hinzugef\u00fcgt. Ich habe auch hinzugef\u00fcgt, {{ csrf_field() }}<\/code>was zum Einreichen von Laravel-Formularen erforderlich ist.<\/p>\nAngenommen, Sie senden die Post-Anforderung an die store()<\/code>Methode Ihres Controllers, schreiben Sie einen Code, der das Bild wie folgt auf dem Server speichert.<\/p>\npublic function store(Request $request)\n{\n\u00a0\u00a0\u00a0\u00a0if($request->hasFile('profile_image')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename with extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithextension = $request->file('profile_image')->getClientOriginalName();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = pathinfo($filenamewithextension, PATHINFO_FILENAME);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$extension = $request->file('profile_image')->getClientOriginalExtension();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/filename to store\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenametostore = $filename.'_'.time().'.'.$extension;\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Upload File\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$request->file('profile_image')->storeAs('public\/profile_images', $filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Compress Image Code Here\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('ROUTE_HERE')->with('success', \"Image uploaded successfully.\");\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\nDieser Code erstellt einen eindeutigen Dateinamen und speichert die Datei im Verzeichnis ‚profile_images‘. Laravel generiert automatisch ein ‚profile_images‘-Verzeichnis unter ‚public\/storage‘, wenn es nicht existiert.<\/p>\n
Wie bereits erw\u00e4hnt, ist es besser, das Bild zum Zeitpunkt des Hochladens zu optimieren. Wir sind mit dem Code zum Hochladen eines Bildes fertig. Jetzt m\u00fcssen wir es komprimieren. Ich werde 2 Dienste behandeln \u2013 TinyPNG<\/a> und reSmush.it,<\/a> die die APIs zum Komprimieren von Bildern im laufenden<\/a> Betrieb<\/a> bereitstellen. Sehen wir sie uns einzeln an.<\/p>\nKomprimieren Sie Bilder mit TinyPNG in Laravel<\/h3>\n