Le téléchargement de fichier ne fonctionne pas jusqu'à deux fois sélectionné

Question

Je me demande simplement pourquoi je vais devoir cliquer et sélectionner deux fois avant que la fonction d'entrée de fichier ne fonctionne. Lorsque je sélectionne la première fois, elle ne sélectionne pas jusqu'à ce que je sélectionne la deuxième fois.

<div class="3u 12u$(small)"> 
    <button name="buttonupload" id="buttonupload" class="special"> 
    <i class="fa fa-cloud-upload fa-2x" aria-hidden="true"></i> 
    Upload Logo 
    </button> 
    <input id="file-upload" style="visibility:hidden;" type="file"> 
</div> 
<div class="3u 12u$(small)"> 
    <span id="filename" style="font-family: "></span> 
</div> 

$(function() { 
    $('#buttonupload').click(function() { 
    $('#file-upload').trigger('click'); 
    $('#filename').text($('#file-upload:file').val()); 
    }); 
}); 

Answer 1

On dirait que vous voulez juste le style le bouton de téléchargement de fichiers, cela a été répondu ici: https://stackoverflow.com/a/25825731/7105611