怎么使用jquery实现不用点击file类型的input弹出文件选择对话框

这篇文章主要介绍“怎么使用jquery实现不用点击file类型的input弹出文件选择对话框”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“怎么使用jquery实现不用点击file类型的input弹出文件选择对话框”文章能帮助大家解决问题。

创新互联建站基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业服务器托管报价，主机托管价格性价比高，为金融证券行业成都二枢机房，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。

可以使用trigger方式，javascript中没有原生的trigger函数，可以自己写一个，也可以直接使用jquery的实现：

代码如下:

var button1 = document.getElementById("button1"); 
var button2 = document.getElementById("button2"); 
button1.onclick = function(){alert("button1");trigger(button2,"onclick");} 
button2.onclick = function(){alert("button2");} 
function trigger(ele,event) 
{ele[event]();} 

也可以使用更加简单的方式，就是将input覆盖住要点击的图片或者超链或者其它div，然后将input设置成完全透明，这样点击图片时其实点击的是input，如下：

 

关于“怎么使用jquery实现不用点击file类型的input弹出文件选择对话框”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

分享文章：怎么使用jquery实现不用点击file类型的input弹出文件选择对话框
网站URL：http://6mz.cn/article/pchdcd.html