Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Dateien durchsuchen-Button als Bild?

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • marcel580
    hat ein Thema erstellt [Erledigt] Dateien durchsuchen-Button als Bild?.

    [Erledigt] Dateien durchsuchen-Button als Bild?

    Guten Morgen PHP.de-Forum,
    ist es möglich einen Datei-Durchsuchen Button der ja durch <input type="file"> definiert ist als Bild auszugeben? Also das man auf ein Bild klicken muss um Dateien zu durchsuchen?

    Vielen Dank schonmal
    MatriX

  • marcel580
    antwortet
    Hat sich erledigt. Ich habe die größe der id="filebrowse" verändert und ihn auf das Bild gesetzt.


    http://jsfiddle.net/tsh1yr2e/

    mfg Wolf29[/QUOTE]


    Ich habe noch ein kleines Problem.
    Und zwar kann ich jetzt nur auf einen kleinen Teil des Bildes am oberen Rand klicken.
    Wen ich woanders hin klicke tut sich gar nichts.
    [IMG][/IMG][QUOTE=wolf29;830867]Beispiel:


    PHP-Code:
    #file_browse_wrapper {

    width160px;

    height100px;

    backgroundurl(../img/upload.png0 0 no-repeat;

    border:none;

    overflow:hidden;

    }

    #file_browse_wrapper:hover {

    backgroundurl(../img/upload.png0 0 no-repeat;

    }

    #file_browse_wrapper:active {

    backgroundurl(../img/upload.png0 0 no-repeat;

    }

    #file_browse{

    margin-left:-145px;

    opacity:0;

    -
    ms-filter"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filterprogid:DXImageTransform.Microsoft.Alpha(Opacity=0);



    PHP-Code:
     <div id='file_browse_wrapper'>
     <
    input type='file' name="datei" id='file_browse'>
    </
    div

    Einen Kommentar schreiben:


  • marcel580
    antwortet
    Zitat von wolf29 Beitrag anzeigen
    Beispiel:

    http://jsfiddle.net/tsh1yr2e/

    mfg Wolf29
    Vielen Dank funktioniert

    Einen Kommentar schreiben:


  • wolf29
    antwortet
    Beispiel:

    http://jsfiddle.net/tsh1yr2e/

    mfg Wolf29

    Einen Kommentar schreiben:


  • marcel580
    antwortet
    Zitat von wolf29 Beitrag anzeigen
    Zeig mal deinen Versuch.
    HTML:
    PHP-Code:
    <input name="datei" type="file" class="buttondrop" /> 
    CSS:
    PHP-Code:
    .buttondrop{
    backgroundurl(./img/upload.png);

    Dadurch liegt das Bild aber nur Hinter dem Button.

    Einen Kommentar schreiben:


  • wolf29
    antwortet
    Zeig mal deinen Versuch.

    Einen Kommentar schreiben:


  • marcel580
    antwortet
    Zitat von wolf29 Beitrag anzeigen
    Hi,

    du suchst vermutlich sowas hier:

    http://geniuscarrier.com/how-to-styl...n-in-pure-css/

    mittels CSS kannst du den nach belieben stylen.

    mfg Wolf29
    In der Art aber ich möchte eine Bild-Datei verwenden, habe schon probiert einfach der Button-Class in CSS das Bild als Background zu geben, funktioniert allerdings auch nicht.

    Einen Kommentar schreiben:


  • wolf29
    antwortet
    Hi,

    du suchst vermutlich sowas hier:

    http://geniuscarrier.com/how-to-styl...n-in-pure-css/

    mittels CSS kannst du den nach belieben stylen.

    mfg Wolf29

    Einen Kommentar schreiben:


  • marcel580
    antwortet
    Zitat von j.durini Beitrag anzeigen
    Verstehe ich nicht richtig. Kannst du es bitte genauer beschreiben ?
    In einem upload Formular habe ich logischerweise ein "Datei-Durchsuchen Button".
    Und ich würde gerne das dieser Button ein Bild ist und kein Button

    Einen Kommentar schreiben:


  • j.durini
    antwortet
    Verstehe ich nicht richtig. Kannst du es bitte genauer beschreiben ?

    Einen Kommentar schreiben:

Lädt...
X