ajax - Blueimp jQuery 文件上传按钮触发

Question

这听起来相当简单，但我找不到 Blueimp jQuery 文件上传的代码示例，该示例使浏览器的默认文件输入框(显示“选择文件...”和浏览的那个)元素隐藏并触发对话框通过按钮。有人可以告诉我如何做到这一点吗？

我尝试将输入元素放入按钮元素内，如this demo所示，但它不适用于 Firefox。有没有办法使用 jQuery 来触发对话框。我不太确定为什么这在 Chrome 中有效，除了“浏览”按钮恰好与 Chrome 中的按钮对齐，但在 FF 中却不然。

这就是我基本上想做的事情:

<button id="upload-button" class="btn btn-primary btn-large" type="button">
<input type="file" name="image" id="fileupload" multiple data-url=""/>
Upload Images<br/>
</button><br>

Answer 1

将按钮元素更改为跨度(并将其样式设置为按钮)，就像插件的demo page一样.