如何触发<INPUT TYPE = “文件”>使用jQuery

元素是否有触发点击甚至的一种方式：如何触发<INPUT TYPE = “文件”>使用jQuery

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

？

来源

2011-03-13 Twidizle

据我所知，没有办法以编程方式触发安全的原因。你必须明确地点击它。

来源

2011-03-13 19:56:34 Sarfraz

见哈立德的评论。你所要做的就是在文件输入的JavaScript中触发点击。 – 2012-11-09 20:27:14

由于安全考虑（在未经用户同意或不知情的情况下窃取用户的文件），但预先填充输入类型文件是绝对不可能的，但可以通过浏览器打开它并[可以像这样完成]（http://stackoverflow.com /一个/216084分之12881646）。 – 2014-10-11 12:11:17

-1

不，没有，这是一件好事，因为它会对用户非常恼人。用户是否想要上传某个文件只是在控制中，我个人会讨厌一个站点在我访问它时自动将一个打开的对话框粘贴到我的鼻子中。

来源

2011-03-13 19:56:49

不可能（安全原因）。

来源

2011-03-13 19:57:43

不使用显示：无或visibility：hidden的最初在CSS

在的Jquery：

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

来源

2012-07-17 11:57:56 Raghav

真的帮了我.....真棒....我无法弄清楚为什么它的工作....但它是工作... :) – 2012-12-04 08:06:33

我一直在寻找同样的事情，并找到答案在 trigger file upload dialog using javascript/jquery 和运行示例是

它根本

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

来源

2012-10-14 11:05:21 Khaled

没有办法以编程方式触发上传窗口，但是如果你只是想遮丑“选择文件”按钮上并inputfield，有一个简单的解决方案。

只需使用任何旧技术隐藏输入并添加一个引用它的标签即可。您可以随心所欲地设计标签。点击标签将触发上传窗口。

例如：下面

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

来源

2015-08-05 14:52:36

我自己使用点击触发器，直到我找到一个问题。如果您出于某种原因在动态元素上使用点击触发器，则不会将上载加载到输入中。无论如何，我接受了您的建议，并将标签设计为一个按钮，即使在动态的情况下，它也能正常工作。我知道这个人是在说如何在jQuery中做到这一点，但实际上这应该是被接受的答案。 – 2017-07-09 14:21:35

如何触发<INPUT TYPE = “文件”>使用jQuery

回答

相关问题