phpBuddy

Tutorials und Workshops

Wie kann man Daten in eine Datenbank schreiben und wieder auslesen? Wie schützt man sein Gästebuch vor Spam? Wie erstellt man eine Bildergalerie?
Diese und mehr Fragen werden in der Tutorial Rubrik sehr detailliert und leicht verständlich erklärt.

Sie sind hier: Startseite Downloads phpBuddy.eu ImageHosting
Image Hosting Script

Was muß ich mir darunter vorstellen?

Wie es der Name schon sagt, handelt es sich hierbei um ein Script mit dem man Bilder auf seinen Webspace laden kann um sie später z.B. in Foren wie diesem einzubinden oder darauf zu verlinken. Image Hosting Anbieter gibt es wie Sand am Meer (der bekannteste ist wohl ImageShack), wieso ich dennoch mein eigenes kleines Script geschrieben habe erläutere ich weiter unten.

Funktionsübersicht
Im Vergleich zur letzten Version kommt das Script nun mit einigen zusätzlichen Funktionen daher. Hier eine kurze Übersicht:
(die beschriebenen Thumbnail Optionen sind nur für JPG Dateien verfügbar!)

  • Upload und Übersicht wurden zu einer Datei zusammengefasst und etwas aufgehübscht
  • Passwortschutz für Upload und Übersicht
  • Wahlweise mit Cookie für ein automatisches Login
  • Automatisches umbenennen von Images (Leerzeichen, Sonderzeichen werden ersetzt. Doppelte Dateien werden umbenannt)
  • Wählbar ob ein Thumbnail erstellt werden soll
  • Kantenlänge des Thumbnail wählbar
  • Wählbar ob Bildinformationen* im Thumb angezeigt werden sollen
  • Links werden in Input-Felder ausgegeben, die bei Klick per Javascript markiert werden. Das erleichtert das markieren und kopieren der Links.
  • Löschfunktion (nur in der Übersicht)
  • Image-Vorschau* in der Übersicht

Erklärung zu den mit * markierten Punkten: Bildinformationen sind Höhe, Breite (in Pixel) und Größe (in Kilobyte) des Originalbildes. Diese Information kann nur auf dem Thumbnail angezeigt werden, wenn dieses breiter als 70 Pixel ist. Dadurch kann es vorkommen, dass keine Information angezeigt wird, obwohl diese Option ausgewählt wurde!
Die Image-Vorschau ist nur verfügbar für Bilder die ein Thumbnail haben und dessen Breite 130 Pixel nicht übersteigt! GIF und PNG die 130 Pixel nicht überschreiten werden ebenfalls angezeigt.


Installation des Scripts

In der Zip-Datei sind 2 Dateien: [I]index.php[/I] und [I]imgdel.gif[/I] In der index.php [U]muß[/U] im oberen Bereich ein Passwort, sowie die Adresse zum Bilder-Ordner angegeben werden. Ebenso kann auch festgelegt werden ob man Cookies benutzen möchte oder nicht (1 = mit Cookie | 0 = ohne Cookie). Mit gesetztem Cookie (wird gesetzt, wenn man sich in der Übersicht einloggt) entfällt die Passworteingabe für den Upload und die Übersicht. Diese Option sollte nur dann benutzt werden, wenn man sich sicher sein kann das keine fremden Zugang zum Rechner haben!
Für den Bilder-Ordner ist die komplette Webadresse anzugeben mit dem abschliessenden Slash. Die Adresse wird benutzt um die Links zu generieren. Beispiel...

// FALSCH weil keine komplette Adresse
$ImageURL = "bilder/";
 
// FALSCH weil der Slash hinten fehlt
$ImageURL = "http://www.domain.tld/bilder";
 
// RICHTIG
$ImageURL = "http://www.domain.tld/bilder/";

Auf dem FTP muß natürlich vorher ein entsprechender Ordner erstellt sein in den die Bilder kommen. Diesem Ordner CHMOD 777 geben und die beiden Dateien in diesen Ordner kopieren. Das war's schon!
Im Browser jetzt die Adresse zum Bilder-Ordner eingeben und man sollte die Index sehen. BTW, für den Upload werden JPG, GIF und PNG akzeptiert. Eine Überprüfung auf die Dateigröße beim Upload findet nicht statt.

Wichtig:
Das Script benötigt PHP Version 4.3.0 oder höher sowie GDLib 2 Unterstützung. Ebenso ist empfohlen die Javascript-Unterstützung im Browser zu aktivieren, bzw für das Script freizugeben, da sonst einige Funktionen nicht verfügbar sind. [u]Benutzung des Scripts geschieht auf eigene Gefahr![/u] Bitte dazu den Lizenzhinweis, sowie den Haftungsausschluß im Script beachten! Anpassungswünsche oder Erweiterungen sind im Rahmen der Lizenzbestimmungen selbst vorzunehmen!

Wie funktioniert das Script?
Einfach eine Grafikdatei (GIF, JPG, PNG) auswählen, ggfs. Einstellungen für das Thumbnail vornehmen (nur für JPG Dateien), Passwort eingeben und hochladen. Wenn alles korrekt abgearbeitet wurde, gibt das Script Links in dieser Form aus:

// HTML Link
<a href="http://www.domain.tdl/bilder/huebsches_bild.jpg">Image Datei</a>
 
// BBCODE Link
[URL=http://www.domain.tdl/bilder/huebsches_bild.jpg]Image Datei[/URL]
 
// BBCODE Bild einbinden
[IMG]http://www.domain.tdl/bilder/huebsches_bild.jpg[/IMG]
 
// BBCODE anklickbares Thumbnail einbinden
[URL=http://www.domain.tdl/bilder/huebsches_bild.jpg][IMG]http://www.domain.tdl/bilder/huebsches_bild_t.jpg[/IMG][/URL]

Einfach den benötigten Link in die Zwischenablage kopieren und im Forum, Gästebuch oder wo auch immer einfügen - fertig.
Braucht man den Code später noch mal gibt es eine Übersicht die alle Images mit den passenden Links auflistet.

In dieser Übersicht ist es auch möglich Images wieder vom FTP zu löschen. Zu diesem Zweck hat jeder Eintrag rechts oben ein rotes X, das den Löschlink darstellt. Vor dem tatsächlichen Löschen findet eine Javascript Sicherheitsabfrage statt.

Wieso ein eigenes Script, wenn es doch so viele Anbieter gibt?
Ganz einfach deswegen, weil die meisten dieser Anbieter ebenso schnell verschwinden wie sie gekommen sind und dann sind auch die Bilder futsch. Die Großen und etablierten Anbieter wie etwa ImageShack werden von Tag zu Tag mieser, weil es immer öfter Ausfälle gibt, die Verbindungen extrem langsam sind, usw. - nicht zu vergessen die nervige Werbung über die sich diese Dienste finanzieren.
Auf dem eigenen Webspace habe ich die volle Kontrolle über meine Files, keine Werbebanner und der eigene Server ist in der Regel auch nie so ausgelastet wie die Server dieser Anbieter.

Dann bleibt mir nur noch Euch viel Spaß mit dem Script zu wünschen.
Beste Grüße,
Andreas


Image Hosting Script Version 2.0 (Release: Februar 2008)