如何有一个上传文件的按钮

Question

我正在尝试使用一个没有选择文件或提交按钮的上传文件按钮。我发布了上传文件按钮的图像和 HTML，想知道是否有人可以指出正确的方向。谢谢

<a href="#" class="btn btn-info btn-sm remove">
  <span class="glyphicon glyphicon-upload"></span> Upload File
</a>

原文由 srsxyz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你为什么不隐藏你的 <input type="file" id="file"> 而只显示你的图像按钮，当有人点击你的按钮时使用此代码：

HTML:

 <input type="file" id="file" style="display:none;" />
<button id="button" name="button" value="Upload" onclick="thisFileUpload();">Upload</button>

脚本：

 <script>
        function thisFileUpload() {
            document.getElementById("file").click();
        };
</script>

原文由 Arpit Shrivastava 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你可以这样使用

<form id="form">
<input type="file" id=file"/>
</form>

Jquery为此

$("#file").onchange(function () {
$("#form").submit();
});

原文由 Ranjan 发布，翻译遵循 CC BY-SA 3.0 许可协议