偽觸發 input file 的click事件


前端在做 input file 美化的時候,通常 把 input 定位position 到 已美化的按鈕最上方 opacity: 0

HTML5時代,已有更方便的方法,點擊美化按鈕直接觸發選擇文件事件

<span @click="$refs.inputFile.click()"> 選擇文件 </span>
<input type="file" ref="inputFile" style="display:none"  multiple />

我這ref 是VUE里的,理解為id吧,不用VUE的話,直接 id=‘inputFile’ 是一樣的

這樣簡單多了

 


免責聲明!

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



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