chriso: Upload Formular - Input und Button Browser unabhänig

Beitrag lesen

Leider sind Uploadformulare nicht so leicht formatierbar wie normale Formularfelder. In jedem Browser sehen diese anders aus.

Eine Möglichkeit ist aber das Uploadfeld in den Vordergrund zu stellen (z-index:2) welches aber nicht sichtbar ist (opacity:0) und ein 2. Input kommt hinzu, in einem Div, der sichtbar ist.

  
<div class="container"> <input type="file" class="file"> <div class="fakeinput"><input> Datei uploaden</div> </div>
<style type="text/css"> div.container{position:relative;} div.fakeinput{position:absolute;top:0;left:0;z-index:1;} input.file{position:absolute;top:0;left:0;text-align:right;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;z-index:2;} </style>  

Jetzt das eigentliche Problem und meine Frage dazu: wenn ich eine Datei auswähle fehlt der eigentliche Dateiname im Input. Der Upload funktioniert problemlos, nur möchte der User der eine Datei auswählt auch sehen das eine ausgewählt worden ist.