javascript - 如何点击触发文件浏览的元素？

Question

我需要一个<button>元素，单击它会触发文件浏览（即单击事件<input type="file">）。有没有办法在不影响按钮外观的情况下实现这一点？

Answer 1

您可以手动触发文件输入的点击事件。

$('button').click(function(e) { 
   e.preventDefault();
   $('input[type=file]').click();
});

示例：http: //jsfiddle.net/UxFM4/2/

Answer 2

无需依赖 css/html hack，您只需设置输入样式以匹配按钮即可。

它type=file是独一无二的，您无法将其模拟为看起来像一个按钮（因为按钮在中间接受文本，并且没有类型参数）。如果您真的需要这样做，可以使用 javascript 或使用 css 使其看起来像一个按钮（隐藏路径）。

拨弄裁剪以使其仅成为按钮并隐藏路径，（使用 css 您可以对其进行样式设置） Chrome 仅适用于此。