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

  • [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


  • #2
    Verstehe ich nicht richtig. Kannst du es bitte genauer beschreiben ?

    Kommentar


    • #3
      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

      Kommentar


      • #4
        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
        while (!asleep()) sheep++;

        Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

        Kommentar


        • #5
          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.

          Kommentar


          • #6
            Zeig mal deinen Versuch.
            while (!asleep()) sheep++;

            Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

            Kommentar


            • #7
              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.

              Kommentar


              • #8
                Beispiel:

                http://jsfiddle.net/tsh1yr2e/

                mfg Wolf29
                while (!asleep()) sheep++;

                Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

                Kommentar


                • #9
                  Zitat von wolf29 Beitrag anzeigen
                  Beispiel:

                  http://jsfiddle.net/tsh1yr2e/

                  mfg Wolf29
                  Vielen Dank funktioniert

                  Kommentar


                  • #10
                    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

                    Kommentar

                    Lädt...
                    X