伪触发 input file 的click事件

时间:2023-03-09 01:01:18
伪触发 input file 的click事件

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

HTML5时代,已有更方便的方法,点击美化按钮直接触发选择文件事件

伪触发 input file 的click事件

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

我这ref 是VUE里的,理解为id吧,不用VUE的话,直接 id=‘inputFile’ 是一样的

这样简单多了