Bei upload script icon statt Durchsuchen Button

X

xxxmike

Erfahrenes Mitglied
Hallo,
ich habe schon gesucht, aber noch nichts gefunden.

Ist es Möglich bei einem Upload Formular statt des Druchsuchen Buttons ein Icon zu verwenden?

Hier das Formular

PHP: 
<form action="" enctype="multipart/form-data" method="post">

  Logo hochladen <input name="file" type="file" size="30" maxlength="100000" class="submit"><br><br>
  <input type="submit" name="upload" value="Hochladen" class="submit">

Ich würde das gerne so realisieren, weiß jedoch derzeit nicht wie.

Danke schon mal für jeden TIPP
 
danke erst mal, gibts eventuell irgendwo eine deutsche anleitung?

Wenn nicht muss ich mal schauen das ich das blicke
 
Danke noch mal, aber diese Codesnipsel funktioniert irgenwie nicht.
Formular wird zwar so angeigt, aber das war schon.

Bei meiner suche ist mir aufgefallen das sehr viele nach einer Lösung suchen.
 
Bei mir funktioniert's mit dem Codeschnipsel browserübergreifend (FF, IE, Opera, Safari), den "Dateiauswahl-Dialog" zu öffnen.

Lediglich im "älteren" FF2 wäre dafür zusätzlich das vorgestellte Javascript in dem Artikel erforderlich.

mfg Maik
 
Das ist ja irre, bin nun einen kleinen Schritt weiter.

Nur wenn ich ein Bild auswähle, erscheint diese nicht im Formular.
Muss mal weiter tüffteln.

Aber danke schon mal, bin schon etwas weiter.

Hier mal der Code:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"><head>


<style type="text/css">
<!--
div.fileinputs {
    position: relative;
    color: #000000;
}
 
div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    color: #000000;
}
 
input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    color: #000000;
}
-->
</style>




<div class="fileinputs">
	<input type="file" class="file" />
	<div class="fakefile">
        <input />
		<img src="in/select.gif" />
	</div>
</div>



<div class="fileinputs">
	<input type="file" class="file" />
	<div class="fakefile">
        <input />
		Durchsuchen
	</div>
</div>
 
Hallo,
habe schon ein schlechtes Gewissen:

Das Formular und die Grafik passt. Nur wenn ich dann auf hochladen gehe, und wähle eine Datei oder Bild von der Festplatte aus, dann sehe ich die Datei nicht im Formuarfeld.

Wenn ich mir schon mal was einbilde, was ich haben will...................

Aber erst mal rießen DANK, dass weiß ich wirklich zu schätzen.

DANKE
 
In dem Online-Beispiel im Abschnitt "Problems and extensions" funktioniert auch das einwandfrei.

Hierfür kommt zusätzlich das dortige vorgestellte Javascript zum Einsatz.

Why JavaScript?

Nonetheless, I decided to go for a strict JavaScript solution. My first reason is that we need JavaScript anyway to copy the file path to the fake field.
Zum Vergrößern anklicken....

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück