文件上傳不能工作，直到被選中兩次

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