项目要用户选择一个文件路径,第一个想到的是隐藏file组件,调用click事件,通过onchange事件回调改变需要文件路径的字段。
xml 代码
- <input id='txt1'>
- <input type='button' onclick= "document.getElementById('file').click()">
- <input type='file'
- onchange="document.getElementById('txt1').value=this.value">
在ie下没问题,没想到firfox下,没反应。测试了后发现,firfox调不到file组件的click方法。最后没办法,不能间接调用,就只好直接使用了,file组件破坏原有页面,所以用css隐藏多余的部分,只剩下一个按钮在页面。
xml 代码
- <div style="position:absolute ;">
- <input name="aaa" id='txt1'>
- </div>
- <div style="position:absolute ;clip:rect(0 250 25 153)">
- </div>
- <INPUT TYPE="file" onchange='document.getElementById('txt1').value=this.value'>
- <div>
界面是满足要求了,但是老感觉不是很好。
分享到:
相关推荐
WebUploader是百度开发的一款JavaScript文件上传组件,它支持多文件选择、预览、断点续传、拖拽上传等功能,并且兼容多种浏览器,包括IE6+、Firefox、Chrome等。组件基于HTML5技术,但在不支持HTML5的环境下,也能...
在FireFox中,如果窗口的滚动条没有回滚到顶部,那么Flash无法加载 Race-conditions when files are cached 兼容ASP.Net Forms SWFUpload v2 延续了SWFUpload的设计目标,将UI分离以交给开发人员控制和后续扩展 ...
在上述代码中,我们先启动Firefox浏览器,导航到指定的网页,然后找到文件上传输入框,并向其发送文件的本地路径,从而完成文件上传操作。 其次,日期控件在现代Web应用程序中非常常见,如日期选择器用于预订系统、...
需要注意的是,对于Chrome和Firefox,用户选择文件后,`change`事件会立即触发,而对于IE,可能需要额外处理`click`或`focus`事件来确保图片预览。 在实际编码过程中,我们还需要考虑安全性和性能优化。例如,限制...
FireFox Driver 提供了对Firefox浏览器的全面支持,包括最新版本的Firefox。使用这个驱动器,可以模拟用户在Firefox浏览器中的所有操作。 **2.3 InternetExplorer Driver** InternetExplorer Driver 支持Internet ...
### EXT培训教程知识点详解 #### 一、EXT简介 **ExtJS** 是一款高级的...通过以上步骤,您可以成功地搭建起基于Eclipse和Spket的ExtJS开发环境以及基于IE和Firefox的调试环境,为后续的学习和开发打下坚实的基础。
下面将详细介绍如何在ASP.NET中实现FileUpload控件上传图片前的预览功能,同时兼容IE6、IE7、IE8以及Firefox等主流浏览器。 1. **HTML结构与JavaScript预览** 在前端页面上,我们需要一个FileUpload控件让用户选择...
- **设置Firefox profile using RemoteWebDriver**: 通过RemoteWebDriver设置Firefox配置文件: ```java FirefoxProfile profile = new FirefoxProfile(); // 设置特定的Firefox配置 RemoteWebDriver driver = ...
但这种方法仅适用于IE浏览器,并且要求用户开启ActiveX插件,因为这涉及到了跨域访问和隐私安全问题,所以其他浏览器如Chrome、Firefox等并不支持。 当ActiveX启用时,可以通过以下步骤读取文件内容: 1. 创建`...
Firefox WebDriver 提供了对 Firefox 浏览器的支持: ```python driver = webdriver.Firefox() ``` **7.9 Chrome WebDriver** Chrome WebDriver 提供了对 Chrome 浏览器的支持: ```python driver = webdriver....
- **Selenium IDE**: 一个基于Firefox的插件,提供图形界面来录制和回放测试用例。 - **Selenium RC**: 已经被废弃,但仍然是早期版本中的主要组成部分,通过JavaScript注入来驱动浏览器。 #### 1.3 相关资源 - **...
跨浏览器,跨平台的所见即所得在线html编辑器 <br/>兼容市面上最流行的ie5.5+,firefox1.0+,mozilla1.3+, netscape7+和Safari(1.3+)浏览器,并且包括Mac和Linux操作平台。 CuteEditor...
它支持多种浏览器,包括 Chrome、Firefox、Internet Explorer(IE)等。在自动化测试中,Selenium WebDriver 是核心组件,它提供了一种编程接口,允许测试脚本直接控制浏览器执行操作。 **IE Driver 驱动详解** ...
它支持多种浏览器,包括Chrome、Firefox、Safari等。在Selenium中,ChromeDriver是一个关键组件,它允许Selenium与Google Chrome浏览器进行交互,执行自动化任务。 【ChromeDriver的工作原理】 ChromeDriver是一个...
[关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...
- `webdriver.Firefox()`:打开 Firefox 浏览器。 - `webdriver.Ie()`:打开 IE 浏览器。 示例代码如下: ```python from selenium import webdriver driver = webdriver.Chrome() ``` ##### 2. 访问 URL 使用 `...