文件上传不能工作，直到被选中两次

Question

我只是想知道为什么我必须在文件输入功能工作之前点击并选择两次。当我第一次选择时，它不会选择，直到我选择第二次。

<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

看起来你只是想样式文件上传按钮，这已经在这里找到答案：https://stackoverflow.com/a/25825731/7105611