js点击某个图标或按钮弹出文件选择框

本文转载自查看原文 2016-09-27 14:10 23292 HTML

<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>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 JS点击按钮弹出窗口 EasyUI 对话框弹出文件输入框 js点击弹出网页弹框 js在点击的按钮下面弹框 "点击input输入框弹出选择层"的实现点击input输入框弹出选择层 js confirm 弹出框按钮文字由确定取消改为是否 Html ：点击按钮弹出输入框，再次点击进行隐藏小程序之点击图片跳转并且跳转页面有返回按钮／点击图片弹出模态框 MFC 点击按钮，弹出另一个对话框（模态及非模态对话框）