Zum Inhalt springen

<input type=file> browse button durch bild austauschen


faken

Empfohlene Beiträge

Guten morgen,

ich komme momentan einfach nicht weiter, ich möchte bei dem html tag <input> mit dem type=file, den browse button durch ein icon austauschen.

Es soll dann so aussehen, dass man nur noch das browse Feld sieht mit dem icon daneben. Jedoch nicht mehr den browse button.

Würde mich sehr freuen, wenn jemand von euch ein funktionierendes Beispiel postet.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Eigentlich ist es genau das, was ich haben will, jedoch funktioniert das so nicht richtig:

http://www.smsflirtgartis.de/dating/test.php

guckt man ganz rechts oben, da muss ich jetzt klicken, wenn ich den browse dialog öffnen will.

Und bei dem javascript beispiel steige ich irgendwie nicht durch.

Vielleicht kann such das ja jemand mal angucken. den coden könnt ihr euch über euren browser angucken.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Ich hab es jetzt geschaft:

http://faken.fa.funpic.de/test.htm


<html>

<body>


<style>

.uploadbtn{

border-color: #00ff00;

}

.uploadtxt{

color: #ff0000;

border-color: #00ff00;

}

</style>


<form name="frm" method="POST" enctype="multipart/form-data">

<input type="file" name="filename" style="display:none">

<br>

<input type="text" name="path" readonly="true" class="uploadtxt">

<input type="image" src="test.JPG" name="btn" value="BrowZe.." class="uploadbtn" onclick="frm.filename.click();frm.path.value=frm.filename.value">

<br>

<input type="submit" value="Submit">

</form>


</body>

</html>

Jedoch habe ich jetzt noch ein problem mit dem javascript, es funktioniert nämlich nur im internet explorer.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...