怎么使用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弹出文件选择对话框
浏览地址:http://csruizhi.cn/article/pchdcd.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 梓潼网站设计 成都网站建设 盐亭网站设计 成都营销网站制作 网站建设公司 成都商城网站建设 响应式网站设计方案 网站设计制作报价 网站建设公司 定制网站制作 成都响应式网站建设 成都网站建设 网站设计公司 成都网站制作 成都网站设计 企业网站建设公司 重庆企业网站建设 专业网站建设 成都定制网站建设 成都网站建设 四川成都网站设计 成都网站制作