• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Durch klicken eines Buttons soll das Bild angezeigt werden

E

E-MaX-I

Neues Mitglied
Hallo :wink:,

als Neuling ist man auf Hilfe angewiesen und bin froh dieses Forum für mein Vorhaben zu 'belästigen' :-D.

Jetzt zu meinem Problem, wo ich nicht mehr weiter komme:
Ich habe mir über html eine Tabelle erstellen lassen. In der ersten Zeile habe ich die Möglichkeit durch klicken des Buttons 'Durchsuchen' das Bild von der Festpallte auszuwählen. Hier wird nicht wie gewünscht nur JPEG-Files angezeigt, mein bisherige Informationen über Suchmaschinen ist das dies nicht möglich ist...
Daneben habe ich noch ein Button 'Anzeigen' erstellt und möchte das er mir in der nächsten Zeile das Passbild anziegt. Leider finde ich keinen Anfangspunkt wie das mit dem zweiten Button geht...

wie ich bei dem Punkt angefangen habe:
HTML: 
<td rowspan="2" align="center">
   TEXT und HINWEIS...<br><br>
   <input name="passbild" type="file" size="50" maxlength="100000" accept="image/jpeg">
   <input type="button" name="bildanzeigen" value="Bild anzeigen" onclick="???">
</td>

Kann mir bitte jemand weiterhelfen? Bin für jede Hilfe sehr dankbar.

Gruß
Emi
 
Das Bild muss auf den Server hochgeladen werden damit es vom Server auch in der Webseite angezeigt werden kann. Das geht nicht mit HTML alleine. Dafür brauchst Du eine serverseitige Programmiersprache wie PHP. Beispiele für Upload-Scripts findest Du schnell im Forum oder im Netz.
 
Hallo Threadi,

das soll ein Intranet werden wo nur 5 Rechner dran sind. Es ist eine kleine Datenbank und ich arbeite mit XAMPP, da ist ein passendes Pack zusammen. Da ist kein Anschluss für's Internet gedacht. Ich habe das ganze soweit fertig das die Daten übernommen werden und auch ausgegeben werden.

Lange rede... werde mich mal danach informieren, wusste ehrlich gesagt nicht nach was ich suchen soll, aber jetzt habe ich wenigsten eine Richtung.

Danke und Gruß
Emi

____Zusatz:

So, habe jetzt alles soweit fertig bis auf manche Kleinigkeiten. Zu diesem Thema ändert sich jetzt eine Kleinigkeit. Es bekommt erstens seine eigene Seite und wird nicht mit dem Formular gemischt.
Durch durchsuchen wählt User sein Bild aus die er davor eingescannt hat. Damit es einheitliche Größe der Bilder bleibt soll User das aufgerufene Bild sehen und mit einem eingeblendeten Kasten den Ausschnitt auswählen der auf den Server gespeichert werden soll.

Das einzige was ich bisher hingekommen habe ist das ich nach der Datei durchsuchen kann, weiteres noch nicht. Er zeigt zwar alle Dateien an und nicht nur JPEG Dateien, aber das ist erst einmal nebensächlich, wichtig ist ob es machbar wäre wie man das Bild nach dem auswählen untendrunter Zentriert anzeigt. Wenn ja, dann sagt bitte wie und kann man einen Kasten einblenden mit fester Größe, den man mit der Maus positionieren kann um die Auswahl vom Bild auszuschneiden und den ausschnitt zu speichern?

Sorry, aber unter Upload skript fand ich sehr vieles, aber keines schien mir für mein Vorhaben zu entsprechen. Ach ja, ist nicht viel was ich für diese Seite habe, aber ich setze es trotzdem mal rein.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Ihr BILD ausw&auml;hlen</title>
    </head>
    <body>
        <h1 align="center">Ihr Profilbild</h1>
        <h2 align="center">Es darf nur ihr eigenes Gesicht zu erkennen sein!<br>Also, bitte l&auml;cheln :D</h2>
        <h3 align="center">Scannen Sie ihr Bild mit dem Scanner ein und erst dann suchen sie mit "Durchsuchen..." nach dem Bild</h3>
        <h4 align="center">Die Datei enth&auml;lt das aktuelle Datum & Uhrzeit als Name und besitzt eine Formatendung von *.jpg</h4>
        <h5 align="center">Sollte sich das so durchsetzen, wird daran gearbeitet eine Webcam zu organisieren und diese anstatt dem Scanner zu ben&uuml;tzen.</h5>
        
        <form action="in_pic.php" method="post" enctype="multipart/form-data">
            <p align="center">Du musst nach: Datum & Uhrzeit suchen <i>z.B.: "20130620_125959.jpg"</i><br>
                <input name="Datei" type="file" size="60" maxlength="75000" accept="image/jpeg">
            </p>
        </form>
    </body>
</html>

Gruß
Emi
 
Zuletzt bearbeitet:
Du wirst auch kein Script finden, welches deinem Vorhaben entspricht. Technisch gesehen geht es ja lediglich darum eine Datei hochzuladen. Was danach passiert ist deine Sache.

Du brauchst also ein Upload-Script, wie z.B. von diesen Vorlagen hier:
PHP: Dateiuploads mit POST - Manual
php-dummies.de - Tutorials - Praxis - File Upload - Speichern
Speicherst dadurch die hochgeladene Datei auf dem Server, und zwar unter einem Pfad der innerhalb der Webseite liegt, also z.B. in einem Unterverzeichnis von dem Verzeichnis wo die PHP-Datei liegt.

Durch das Speichern lädst Du die Seite neu und kannst dadurch dann auch die hochgeladene Datei direkt per img-Element anzeigen. Einfaches Beispiel:
PHP: 
<img src="<?php echo $datei; ?>" alt="" />
Wobei in $datei natürlich Pfad und Dateiname der Datei stehen müssen (nicht das absolute Pfad auf dem Server sondern der unterhalb von der Domain, z.B. "/verzeichnisname/dateiname.jpg").

Das Auswahlfeld im Dateiauswahldialog kann man durch das accept-Attribut beschränken:
Forms in HTML documents
Oder wenn Du HTML5 als Standard hast:
input type=file – file upload control - HTML5

Ob und welche Browser das aber derzeit unterstützen ist eher fraglich. Kommt drauf an was die Nutzer bei dir verwenden.

Wichtig:
Nach dem Hochladen solltest Du die hochgeladene Datei natürlich auch prüfen. Also prüfen, ob es wirklich ein JPEG ist. Auch das ist in Scripten zu Upload-Speicherungen beschrieben.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben