JS点击某个图标或按钮弹出文件选择框的实现代码_js打开文件选择框 - CSDN文库

65 浏览量更新于2023-05-05 评论收藏 34KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

下面一段代码是基于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 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点击某个图标或按钮弹出文件选择框的实现代码，希望对大家有所帮助，如果大家有任何疑

问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38534344

粉丝: 0
资源: 916

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈