伪触发 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’ 是一样的

这样简单多了

 

posted @ 2018-03-05 17:28  James2019  阅读(6522)  评论(0)    收藏  举报