javascript觸發input-file的click事件


概述

  • input:file本身自帶的樣式不太好看,但是又沒法設置樣式。
  • 由於系統限制,不能通過代碼觸發,只允許用戶自主點擊。
  • 通常的解決辦法是,把input:file透明化,實際上點擊的還是input:file。

方案

  • 雖然可以通過概述中的辦法用css實現,但始終還是占據了位置。
  • 以下的通過javascript實現的觸發事件,簡單的一行代碼即可搞定:D
    1 <body>
    2   <input type="file" id="demo">
    3   <hr>
    4 
    5   <h5 onclick="document.querySelector('#demo').click()")>雖然我不是按鈕,不過你點我的話,是可以觸發上傳的哦,
    6     <br>
    7     p.s:即使input:file隱藏了也能。</h5>
    8 </body>

     


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM