项目要用户选择一个文件路径,第一个想到的是隐藏file组件,调用click事件,通过onchange事件回调改变需要文件路径的字段。
在ie下没问题,没想到firfox下,没反应。测试了后发现,firfox调不到file组件的click方法。最后没办法,不能间接调用,就只好直接使用了,file组件破坏原有页面,所以用css隐藏多余的部分,只剩下一个按钮在页面。
界面是满足要求了,但是老感觉不是很好。
xml 代码
- <input id='txt1'>
- <input type='button' onclick= "document.getElementById('file').click()">
- <input type='file'
- onchange="document.getElementById('txt1').value=this.value">
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>
本文介绍了一种在Firefox浏览器中实现文件路径选择的方法,并解决了在Firefox下无法通过点击事件触发文件选择框的问题。通过CSS隐藏多余部分,仅展示一个按钮供用户选择文件。
862

被折叠的 条评论
为什么被折叠?



