
前端在做 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’ 是一样的
这样简单多了