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>  
界面是滿足要求了,但是老感覺不是很好。
發佈了4 篇原創文章 · 獲贊 0 · 訪問量 1135
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章