前端在做 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’ 是一樣的
這樣簡單多了