标签 jquery html css file-upload
<分区>
Possible Duplicate:
jQuery : simulating a click on a <input type=“file” /> doesn't work in Firefox?
默认情况下是否可以有一个没有输入的文件按钮？理想情况下，我只需要一个按钮，让用户可以导航到文件，而无需显示他们在上传之前选择的内容。用户选择文件后，我将通过以下方式提交表单:
$("#file").change(function() {
$("#update_button").trigger('click');
});
我确信这一定可以通过一些 css 或 jquery 魔法来实现......
最佳答案
您可以使用 visibility: hidden; 简单地隐藏 input 按钮，并将点击事件处理程序附加到另一个按钮:
HTML:
<input type="file" name="somename" size="chars">
<button>Choose File</button>
CSS:
input {
display: block;
visibility: hidden;
width: 0;
height: 0;
}
JavaScript:
$('button').click(function(){
$('input').click();
});
这是 fiddle :http://jsfiddle.net/tCzuh/
关于jquery - 没有输入字段的文件上传按钮？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8350927/