JS点击某个图标或按钮弹出文件选择框的实现代码


Posted in Javascript onSeptember 27, 2016

下面一段代码是基于js实现的点击某个图标或按钮弹出文件选择框的核心代码,代码比较简单,需要的朋友参考下

具体代码如下所示:

<HTML> 
<head> 
<script type="text/javascript" src="script/jquery-1.6.2.min.js"></script> 
<script type=‘text/javascript‘> 
function selectFile(){ 
//触发 文件选择的click事件 
$("#file").trigger("click"); 
//其他code如 alert($("#file").attr("value")) 
} 
/* 获取 文件的路径 ,用于测试*/ 
function getFilePath(){ 
alert($("#file").attr("value")); 
} 
</script> 
</head> 
<body> 
<!-- 给这个input 设置样式隐藏,切忌不可用display控制隐藏,可能不能跨浏览器 --> 
<input type="file" id="file" onchange="getFilePath()" 
style="filter:alpha(opacity=0);opacity:0;width: 0;height: 0;"/> 
<button onclick="selectFile();">select file</button> 
<button onclick="getFilePath()">get FilePath</button> 
</body> 
</html>

以上所述是小编给大家介绍的JS点击某个图标或按钮弹出文件选择框的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript 事件对象的实现
Jul 13 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
Aug 08 Javascript
JS倒计时代码汇总
Nov 25 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
移动端js图片查看器
Nov 17 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
Jul 25 Javascript
JS模拟浏览器实现全局搜索功能
Sep 11 Javascript
ReactNative页面跳转实例代码
Sep 27 #Javascript
JS控制HTML元素的显示和隐藏的两种方法
Sep 27 #Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 #Javascript
jQuery实现右键菜单、遮罩等效果代码
Sep 27 #Javascript
jQuery实现图片轮播效果代码
Sep 27 #Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 #Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 #Javascript
You might like
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
php汉字转拼音的示例
2014/02/27 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
PHP的拦截器实例分析
2014/11/03 PHP
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
jQuery阻止事件冒泡具体实现
2013/10/11 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
vue+axios+mock.js环境搭建的方法步骤
2018/08/28 Javascript
vue mounted 调用两次的完美解决办法
2018/10/29 Javascript
js数据类型转换与流程控制操作实例分析
2019/12/18 Javascript
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
python实现自主查询实时天气
2018/06/22 Python
python使用folium库绘制地图点击框
2018/09/21 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
Nasty Gal英国:美国女性服饰销售网站
2021/03/02 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
社团成立邀请函
2014/01/08 职场文书
房地产开发计划书
2014/01/10 职场文书
特色蛋糕店创业计划书
2014/01/28 职场文书
爱岗敬业演讲稿
2014/05/05 职场文书
违章停车检讨书
2014/10/21 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
学校扫黄打非工作总结
2015/10/15 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python