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>

时间： 2024-08-01 23:33:05

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

[Selenium]通过Selenium实现在当前浏览器窗口点击一个图标之后，弹出另外一个窗口，关闭这个窗口，再回到原来的窗口进行操作

public void clickReportIcon(){ String initialWindowHandle = driver.getWindowHandle(); //保存原始的浏览器窗口 page.getReportIcon().click(); //这个操作之后将会弹出另外一个浏览器窗口 Set <String> set = driver.getWindowHandles(); set.remove(initialWindowHandle); assert set.size()==

点击事件中实现弹出一个选择框（如选择网络设置、选择电话短信联系方式）

1.网络设置 public void checkNetwork(){ //获取连接的管理对象 ConnectivityManager connectivityManager = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE); //获取当前正在使用的网络 NetworkInfo networkInfo = connectivityManager.getActiveNetworkInfo(); //判断网络是

SpringMVC中导出Excel文件，关于弹出一个选择框，选择导出Excel文件的路径项目细节

最近项目上需要写一个导出excel功能,在开始的时候用ajax发送请求,不弹出导出路径选择框,后来在网上搜了一些资料,找到了问题所在,做一下总结: 前端页面:thymeleaf 后端语言:java 导出Excel:POI模式 1.ajax请求只是个“字符型”的请求,即请求的内容是以文本类型存放的.文件的下载是以二进制形式进行的,ajax没法解析后台返回的文件流,所以无法处理二进制流response输出来下载文件.将ajax请求改为loaction.href的形式发送请求,浏览器是可以识别二进制的

页面点击Button按钮弹出登陆注册框（含短信验证功能）

1 <div class="login-hidd"></div> 2 <div class="login-wrap"> 3 <div class="login-cont"> 4 <img id="login-img-close" src="/views/image/close08.png" alt="登陆" title="&

更改bootstrap-datetimepicker弹出日期选择框只能在下方的限制

城市监控的项目,网页调用监控摄像头,并需要replay的日期和时间选择calendar.找了半天,找到一个好东东~~~~bootstrap-datetimepicker, UI也很有型的范,就用它吧~~, 一切顺利,就是这个calendar的弹出框只能在下方,而我需要嵌套在摄像头监控屏幕下的工具条上,如果弹出框在下方就太离谱了,最后决定改,哈就成就今天这个calendar啦,自我感觉效果不错,晒出来装一下B~~~~哈更改的bootstrap-datetimepicker.js /** * @l

android 弹出日期选择框

DatePickerDialog 在很多时候需要用户去设定时间,不可能让用户去在一个文本框中去输入时间,所以就需要有个日期弹出选择框,而这个框就是DatePickerDialog. 1.在API中的DatePickerDialog类的继承关系从类的继承关系来看DatePickerDialog继承于Dialog就可以明显看出是一个弹出框了 2.构造函数 callBack:是在你设置时间的时候触发的. year , monthOfYear , dayOfMonth这三个参数是用来初始化DatePi

UIWebView禁用长按弹出copy选择框

本文参考http://bbs.9ria.com/thread-227539-1-1.html 感谢hbnana大神第一种加载html文件再webview的加载完成的代理方法中添加一下代码 //禁止长按弹出图片的地址等 [self.webView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitTouchCallout='none';"]; //禁止长按复制 [self.webView strin

Android基础TOP4_1：点击物理按钮弹出退出提示框

JAVA: public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } //点击物理按钮时,执行退出提示 public boolean onKeyDown(int keyCode,KeyE

Js浮动层插件，点击按钮弹出层，可关闭

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>石家庄礼品公司</title>