javascript - jquery 如何打开input的file选择框?
然后我写了一个a标签,在jquery 写的内容是
$('a').on('click', '', function() {
$('#fileupdate').click();
});
但是吧,点击后没有任何的反应?
好吧,最终只能用abs定位解决了...效果是实现了,就是有点不开心。
请问大家下,选择文件后,jquery使用什么触发我接下来的操作,比如获取file文件。我使用什么触发?
回复内容:
我先是写了一个
然后我写了一个a标签,在jquery 写的内容是
$('a').on('click', '', function() {
$('#fileupdate').click();
});
但是吧,点击后没有任何的反应?
好吧,最终只能用abs定位解决了...效果是实现了,就是有点不开心。
请问大家下,选择文件后,jquery使用什么触发我接下来的操作,比如获取file文件。我使用什么触发?
参考此问题
http://segmentfault.com/q/1010000004322570
js 产生的点击事件不能调出上传文件选择框。
你可以观察一下,js 产生的点击事件 event.isTrusted == false
,而你在浏览器中真实的点击事件event.isTrusted == true
你可以参考在隐藏的文件输入框上调用click()方法
的确用 Javascript 无法直接触发 file 弹框
但是题主想问的是用a标签触发file弹框
这样就可以
select
答案是:无解!你无法用任何 Javascript 触发 file 弹框,在任何浏览器都不!
这不是 BUG,这么做是出于安全考虑
不过,你可以通过在a
下面创建一个隐藏的input
模拟该效果
例子
参考:http://*.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file-input
a标签- -。语义化呢,为啥不用label,直接for属性设置那个input file就行了,连js都不用
.. 直接去的input元素 创建click事件就可以了
推荐阅读
-
jquery的选择器的使用技巧之如何选择input框
-
判断多个input type=file是否有已经选择好文件的代码_jquery
-
javascript - jquery 如何打开input的file选择框?
-
将input file的选择的文件清空的两种解决方案_javascript技巧
-
javascript - jquery 如何打开input的file选择框?
-
将input file的选择的文件清空的两种解决方案_javascript技巧
-
type="file"的input框样式应该如何操作
-
如何使用jQuery在选择框中获取所选选项的值
-
jquery的选择器的使用技巧之如何选择input框_jquery
-
怎样使用trigger方式实现不用点击file类型的input弹出文件选择对话框