Haumis wbb hilfe (http://haumis-wbb-hilfe.de/wbb2/index.php)
- Veränderungen (http://haumis-wbb-hilfe.de/wbb2/board.php?boardid=15)
-- Eigene Sachen von diesem Board (http://haumis-wbb-hilfe.de/wbb2/board.php?boardid=17)
--- Signaturbild im Board hochladen (http://haumis-wbb-hilfe.de/wbb2/thread.php?threadid=1922)

Geschrieben von haumi am 10.02.2012 um 09:49:

icon1 Signaturbild im Board hochladen

Signaturbild hochladen!

Viele Mitglieder tun sich schwer ein Bild von ihrem Rechner in die Signatur zu bekommen.
Viele nehmen einen kostenlosen Bildhoster und wundern sich, wenn das Bild in der Signatur plötzlich weg ist.
So wurde die Idee, das sich die Mitglieder ihr Signaturbilder im Board selbst hochladen können, geboren.
Das wurde nun verwirklicht.
Unter Profil --> Signatur bearbeiten findet man nun unter dem Eingabefeld links neben dem Button "Optionen" einen weiteren Button "Signaturbild hochladen".



Klickt man auf den Button Signaturbild hochladen kommt erst eine kleine Warnmeldung:



wenn man auf OK klickt kommt die Bildeingabe:



Mt Durchsuchen kann man das gewünschte Bild auswählen und der Button Bild hochladen läd denn das ausgewählte Bild hoch.
Danach sieht das Ganze so aus:



Mit einem Klick auf "Zurück zum Board", kommt man wieder auf die Seite "Signatur ändern" (siehe Bild 1) und findet das hochgeladene Bild schon im Eingabefeld vor.
Nun muss man noch den ergänzenden Text hinzufügen und das Ganze ist fertig.
Es ist nur ein Bild möglich und die alte eventuell vorhandene Signatur wird überschrieben.
Will man den Text behalten so muss man diesen erst in den Zwischenspeicher laden und nach der Hochladeaktion wieder einfügen und ordnen.

Was ist zu tun?

Lege einen neuen Ordner "signatur" im Verzeichnis "wbb2/images" an und gib ihm die Rechte 777.

Öffne das Template usercp_signature_edit und füge unter headinclude folgendes ein:
code: 
1:
2:
3:
4:
5:
6:
7:
8:

<script  type="text/JavaScript">
function warnung() {
Check = confirm("Achtung! Die alte Signatur wird mit dem Bild überschrieben.");

if (Check == true) 
  window.location.href = "sig_hochladen.php";
}
</script>

suche weiter nach:
code: 
1:
2:

<input type="button" value="{$lang->items['LANG_POSTINGS_OPTIONS']}" class="input" onclick="toggleMenu('newthreadOptions', this);" />
       $editor_switch


füge darüber ein:

code: 
1:

<input class="input" onclick=" warnung()" type="button"  value="Signaturbild hochladen">


speichern

erstelle im Rotverzeichnis (meist wbb2) eine neue php-Datei mit namen: sig_hochladen.php
und folgendem Inhalt:

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:

<html>
<head></head>
<body bgcolor='#cccccc'>
<?php
require("./global.php");
$wahl = $wbbuserdata['username'];
echo "<center>".$wahl;
/*
	echo '<pre>';
	print_r($_FILES);
	echo '</pre>';
	
	
	Das array $_FILES liefert folgende Werte:
			[name] => 010[1].jpg
            [type] => image/jpeg
            [tmp_name] => /tmp/php2D9stm
            [error] => 0
            [size] => 3188
	*/

	echo '<hr/>';
	if (isset($_FILES['bild'])){
		$datei = $_FILES['bild'];
		if ($datei['type'] == 'image/jpeg' || $datei['type'] == 'image/jpg' || $datei['type'] == 'image/gif'){
			copy($datei['tmp_name'], 'images/'.'signatur/' .$datei['name']);
			
			$neu = "UPDATE bb1_users SET signature = '[img]images/signatur/{$datei['name']}[/img]' WHERE username = '$wahl'";
		$tab = mysql_query($neu);
		
		echo mysql_error();
	
			echo "<img src='images/signatur/{$datei['name']}' width='200' />";
			echo "<br><br>Link zum Bild: images/signatur/".$datei['name'];
		}else{
			echo 'Nur Bilder im Format jpeg, jpg und gif erlaubt!';
		}
	}else{
		echo '<em>Kein Bild gewählt</em>';
	}
?>
<hr/>
<form method="post" enctype="multipart/form-data">
<input name='bild' type="file" /><br/>
<input type="submit" value='Bild hochladen'> 
</form>
<br><br>
<tr><h3 colspan="7"><a href="usercp.php?action=signature_edit">Zurück zum Board! </a></center></h3></tr></center>
</body>
</html>


fertig!

Auch hier gilt wie immer:
alle zu ändernden templates und php-Dateien vorher sichern,
damit man bei einem Fehler den alten Zustand wieder herstellen kann!!
Eine Garantie wird auch nicht übernommen.

Wenn etwas unklar sein sollte bitte hier fragen bevor man etwas falsch macht.
Es wird auch Hilfe gegeben wenn etwas nicht so ganz geklappt hat.

Urheber ist haumi - aber jeder kann es frei verwenden und nach belieben abändern.


Geschrieben von Christina am 10.02.2012 um 18:30:

 

Ich habe alles gemacht , habe nur eine Frage wie legt man eine Php datei an ?


Geschrieben von haumi am 10.02.2012 um 19:24:

 

Man kopiert den vorgegebenen Text in ein geöffnetes leeres Textdokument und speichert es unter xxx.php ab.
ACHTUNG! einige Editoren hängen unabhängig davon noch die Endung .txt an.
So kann die Datei später aussehen xxx.php.txt oder ähnlich.
Dann muss alles was hinter php steht entfernt werden.

Das sollte auch mit Word gehen.

LG
haumi


Geschrieben von tuner am 11.02.2012 um 00:13:

 

Funzt klasse. Fürs lite gabs das ja schon und nun endlich fürs 2.3.6

Vielen dank dafür st12


Geschrieben von Pink Fish am 11.02.2012 um 08:56:

 

st3 Feine Sache, geht das auch als Pop-up ?

Gruß Pinky


Geschrieben von haumi am 11.02.2012 um 09:00:

 

Hi Pink Fish,
ein Popup wäre denkbar, wenn die Bilder für die Signatur auf den Server liegen würden.
Da ist es möglich diese per Popup anzeigen zu lassen.
Da jedoch die Bilder vom Rechner des Anwenders hochgeladen werden, ist das nicht möglich.

Es sei denn ich verstehe dich nicht richtig.

LG
haumi


Geschrieben von Christina am 11.02.2012 um 10:24:

 

ist eingebaut jetzt kommt aber

input class="input" onclick=" warnung()" type="button" value="Signaturbild hochladen">


Geschrieben von Pink Fish am 11.02.2012 um 10:44:

 

st8 Schaue dir nochmal die Zeile an, würde sagen da fehlt ein < vor input class

Zitat:
Original von Christina
ist eingebaut jetzt kommt aber

input class="input" onclick=" warnung()" type="button" value="Signaturbild hochladen">


Geschrieben von Christina am 11.02.2012 um 13:08:

 

So gemacht und auch neue Hochgeladen wird nur nicht angezeigt


Geschrieben von tuner am 11.02.2012 um 13:14:

 

Hast du den Ordner signatur die rechte 777 gegeben.?


Geschrieben von Christina am 11.02.2012 um 13:45:

 

ja habe ich


Geschrieben von haumi am 11.02.2012 um 14:26:

 

ich schau da gleich mal nach wenn ich oben am Pehtse bin

LG
haumi


Geschrieben von Christina am 11.02.2012 um 17:21:

 

Danke schön!


Geschrieben von Sky am 13.10.2013 um 09:30:

 

Hi,

Ist es auch möglich das png bilder gehen ?


Geschrieben von haumi am 13.10.2013 um 09:46:

 

Hi Sky, versuche mal folgendes:
ersetze folgende Zeile:

if ($datei['type'] == 'image/jpeg' || $datei['type'] == 'image/jpg' || $datei['type'] == 'image/gif'){

durch:

if ($datei['type'] == 'image/jpeg' || $datei['type'] == 'image/jpg'' || $datei['type'] == 'image/gif' || $datei['type'] == 'image/png'){

Und die Fehlermeldung erweitern siehe unten


echo 'Nur Bilder im Format jpeg, jpg,png und gif erlaubt!';

LG
haumi


Geschrieben von Sky am 13.10.2013 um 09:59:

 

Danke Haumi.

Werde es testen und wieder berichten.


Geschrieben von Sky am 15.10.2013 um 23:32:

 

Vielen dank Haumi. Hat geklappt. st12


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH