网站建设资讯

NEWS

网站建设资讯

怎么使用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://cdweb.net/article/pchdcd.html