Skip to main content
incluído código do fiddle
Fonte Link
bfavaretto
  • 66,2mil
  • 11
  • 151
  • 228

Para este tipo de situação, na verdade, este campo (file) é oculto, sendo acionado o evento change para preenchimento dos demais componentes, que vai exibir o nome do arquivo ou até a ação do upload.   

Exemplo.:

/*
Using the file input itself to select a file works fine
*/
$('input[name=file]').change(function() {
   alert($(this).val()); 
});


/*
However, using another element to trigger the file selector 
does not cause the "change" function to be triggered.
*/
$('a').click(function() {
    $('input[name=file]').click();
});
a {background-color: yellow}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="file" type="file" />
<a>Trigger upload externally</a>

Existe uns exemplos muito legais AQUI (por tympanus.net)

Para este tipo de situação, na verdade, este campo (file) é oculto, sendo acionado o evento change para preenchimento dos demais componentes, que vai exibir o nome do arquivo ou até a ação do upload.  Exemplo.

Existe uns exemplos muito legais AQUI (por tympanus.net)

Para este tipo de situação, na verdade, este campo (file) é oculto, sendo acionado o evento change para preenchimento dos demais componentes, que vai exibir o nome do arquivo ou até a ação do upload. 

Exemplo:

/*
Using the file input itself to select a file works fine
*/
$('input[name=file]').change(function() {
   alert($(this).val()); 
});


/*
However, using another element to trigger the file selector 
does not cause the "change" function to be triggered.
*/
$('a').click(function() {
    $('input[name=file]').click();
});
a {background-color: yellow}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="file" type="file" />
<a>Trigger upload externally</a>

Existe uns exemplos muito legais AQUI (por tympanus.net)

adicionou 267 caracteres ao conteúdo
Fonte Link
Oracio
  • 186
  • 6

Para este tipo de situação, na verdade, este campo (file) é oculto, sendo acionado o evento change para preenchimento dos demais componentes, que vai exibir o nome do arquivo ou até a ação do upload. Exemplo.

Existe uns exemplos muito legais AQUI (por tympanus.net)

Existe uns exemplos muito legais AQUI (por tympanus.net)

Para este tipo de situação, na verdade, este campo (file) é oculto, sendo acionado o evento change para preenchimento dos demais componentes, que vai exibir o nome do arquivo ou até a ação do upload. Exemplo.

Existe uns exemplos muito legais AQUI (por tympanus.net)

Fonte Link
Oracio
  • 186
  • 6

Existe uns exemplos muito legais AQUI (por tympanus.net)