`
yzgfbj
  • 浏览: 78499 次
  • 来自: ...
社区版块
存档分类
最新评论

firfox下file组件click事件

阅读更多
项目要用户选择一个文件路径,第一个想到的是隐藏file组件,调用click事件,通过onchange事件回调改变需要文件路径的字段。
xml 代码
 
  1. <input id='txt1'>    
  2. <input type='button' onclick"document.getElementById('file').click()">      
  3.  <input type='file'     
  4.              onchange="document.getElementById('txt1').value=this.value">    
在ie下没问题,没想到firfox下,没反应。测试了后发现,firfox调不到file组件的click方法。最后没办法,不能间接调用,就只好直接使用了,file组件破坏原有页面,所以用css隐藏多余的部分,只剩下一个按钮在页面。
xml 代码
 
  1. <div style="position:absolute ;">  
  2.     <input name="aaa" id='txt1'>  
  3. </div>  
  4. <div style="position:absolute ;clip:rect(0 250 25 153)">  
  5. </div>  
  6.     <INPUT TYPE="file"  onchange='document.getElementById('txt1').value=this.value'>  
  7. <div>  
界面是满足要求了,但是老感觉不是很好。
分享到:
评论

相关推荐

    百度webuploader组件使用例子

    WebUploader是百度开发的一款JavaScript文件上传组件,它支持多文件选择、预览、断点续传、拖拽上传等功能,并且兼容多种浏览器,包括IE6+、Firefox、Chrome等。组件基于HTML5技术,但在不支持HTML5的环境下,也能...

    大名鼎鼎SWFUpload- Flash+JS 上传

    在FireFox中,如果窗口的滚动条没有回滚到顶部,那么Flash无法加载 Race-conditions when files are cached 兼容ASP.Net Forms SWFUpload v2 延续了SWFUpload的设计目标,将UI分离以交给开发人员控制和后续扩展 ...

    【python-Web自动化-07课-文件上传和日期控件】

    在上述代码中,我们先启动Firefox浏览器,导航到指定的网页,然后找到文件上传输入框,并向其发送文件的本地路径,从而完成文件上传操作。 其次,日期控件在现代Web应用程序中非常常见,如日期选择器用于预订系统、...

    图片上传预览

    需要注意的是,对于Chrome和Firefox,用户选择文件后,`change`事件会立即触发,而对于IE,可能需要额外处理`click`或`focus`事件来确保图片预览。 在实际编码过程中,我们还需要考虑安全性和性能优化。例如,限制...

    selenium2.0_中文帮助文档

    FireFox Driver 提供了对Firefox浏览器的全面支持,包括最新版本的Firefox。使用这个驱动器,可以模拟用户在Firefox浏览器中的所有操作。 **2.3 InternetExplorer Driver** InternetExplorer Driver 支持Internet ...

    ext培训第一讲.doc 1/4

    ### EXT培训教程知识点详解 #### 一、EXT简介 **ExtJS** 是一款高级的...通过以上步骤,您可以成功地搭建起基于Eclipse和Spket的ExtJS开发环境以及基于IE和Firefox的调试环境,为后续的学习和开发打下坚实的基础。

    fileupload上传图片前预览

    下面将详细介绍如何在ASP.NET中实现FileUpload控件上传图片前的预览功能,同时兼容IE6、IE7、IE8以及Firefox等主流浏览器。 1. **HTML结构与JavaScript预览** 在前端页面上,我们需要一个FileUpload控件让用户选择...

    Selenium使用教程.pdf

    - **设置Firefox profile using RemoteWebDriver**: 通过RemoteWebDriver设置Firefox配置文件: ```java FirefoxProfile profile = new FirefoxProfile(); // 设置特定的Firefox配置 RemoteWebDriver driver = ...

    ZK中使用JS读取客户端txt文件内容问题

    但这种方法仅适用于IE浏览器,并且要求用户开启ActiveX插件,因为这涉及到了跨域访问和隐私安全问题,所以其他浏览器如Chrome、Firefox等并不支持。 当ActiveX启用时,可以通过以下步骤读取文件内容: 1. 创建`...

    selenium-python.pdf

    Firefox WebDriver 提供了对 Firefox 浏览器的支持: ```python driver = webdriver.Firefox() ``` **7.9 Chrome WebDriver** Chrome WebDriver 提供了对 Chrome 浏览器的支持: ```python driver = webdriver....

    selenium基础

    - **Selenium IDE**: 一个基于Firefox的插件,提供图形界面来录制和回放测试用例。 - **Selenium RC**: 已经被废弃,但仍然是早期版本中的主要组成部分,通过JavaScript注入来驱动浏览器。 #### 1.3 相关资源 - **...

    cuteEditor6.0

    跨浏览器,跨平台的所见即所得在线html编辑器 &lt;br/&gt;兼容市面上最流行的ie5.5+,firefox1.0+,mozilla1.3+, netscape7+和Safari(1.3+)浏览器,并且包括Mac和Linux操作平台。 CuteEditor...

    IE driver 驱动 Selenium自动化

    它支持多种浏览器,包括 Chrome、Firefox、Internet Explorer(IE)等。在自动化测试中,Selenium WebDriver 是核心组件,它提供了一种编程接口,允许测试脚本直接控制浏览器执行操作。 **IE Driver 驱动详解** ...

    selenium_chromedriver

    它支持多种浏览器,包括Chrome、Firefox、Safari等。在Selenium中,ChromeDriver是一个关键组件,它允许Selenium与Google Chrome浏览器进行交互,执行自动化任务。 【ChromeDriver的工作原理】 ChromeDriver是一个...

    KODExplorer 芒果云-资源管理器

    [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...

    selenium+python自动化测试之使用webdriver操作浏览器的方法

    - `webdriver.Firefox()`:打开 Firefox 浏览器。 - `webdriver.Ie()`:打开 IE 浏览器。 示例代码如下: ```python from selenium import webdriver driver = webdriver.Chrome() ``` ##### 2. 访问 URL 使用 `...

Global site tag (gtag.js) - Google Analytics