<input type="file" id="file"> <div id="box"> <div id="text">Selecciona un archivo</div> </div>
$('#file').one('change', function(){ $('#box').show('slow'); }); $('#file').change(function(){ var file = document.getElementById('file').files[0]; $('#text').text((file)? file.name : 'Selecciona un archivo'); });
#box { background: lightblue; border: 3px solid; padding: 20px; text-align: center; display: none; } #text { color: darkblue; font-weight: 700; } #file { margin-bottom: 20px; }