如何使用jquery触发<input type =“file”/>元素

时间:2011-03-13 19:54:44

标签: jquery input

有没有办法触发点击事件:

<input id="test" type="file">

6 个答案:

答案 0 :(得分:5)

我一直在找同样的事情并找到答案 trigger file upload dialog using javascript/jquery 一个正在运行的例子是 http://jsfiddle.net/CSvjw/

它只是

$('#test').trigger('click');

答案 1 :(得分:2)

最初不要在css中使用显示:无可见性:隐藏

Jquery:

$(document).ready(function() {
 $('#test').hide(); 
});

答案 2 :(得分:1)

无法以编程方式触发上传窗口,但是如果您只是想隐藏丑陋的“选择文件” - 按钮和输入字段,则有一个简单的解决方案。

只需使用任何旧技术隐藏输入并添加引用它的标签。然后,您可以按照自己的方式设置标签样式。单击标签将触发上传窗口。

例如:

<input id="test" type="file" style="display: none" />
<label for="test" class="make-it-look-like-a-button">Upload</label>

答案 3 :(得分:0)

据我所知,由于安全性的原因,无法以编程方式触发它。你必须明确点击它。

答案 4 :(得分:0)

不可能(安全原因)。

答案 5 :(得分:-1)

不,没有,这是一件好事,因为它对用户来说非常烦人。用户是否想要上传某些文件只是在控制中,我个人讨厌在我访问时自动将一个Open Dialog粘贴到我的鼻子上。