文件上传在选择两次之前不起作用

时间:2017-10-10 16:21:40

标签: javascript jquery text file-upload click

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

<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());
  });
});

1 个答案:

答案 0 :(得分:1)

您似乎只想设置文件上传按钮的样式,这已在此处得到解答:https://stackoverflow.com/a/25825731/7105611