項目要用戶選擇一個文件路徑,第一個想到的是隱藏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>
界面是滿足要求了,但是老感覺不是很好。