jquery - 使用按钮隐藏输入类型 "file"

Question

我想知道这是否可行？谷歌一无所获。

基本上我想让我的按钮在被选中时模拟，允许用户上传文件。我已经读过标签的可能性，但我需要用一个按钮来做 UX/UI

<button style="position:fixed;bottom:10px;right:70px" type="button" class="btn btn-default">
    <input type="file" id="files" visbility="hidden" />
    <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
</button>

目前我的按钮是这样的: 对此:

Answer 1

您实际上可以使用 label 来做到这一点，您只需要隐藏 input。

<!-- head -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>

<!-- body -->
<label for="upload">
      <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
      <input type="file" id="upload" style="display:none">
</label>