结构：
<button @click="uploadingBtn()">
//上传文件
<input type="file" @change="fileChange($event)" class="change" id="file1" ref="fileRef" hidden/>
</button>
按钮
methods:{
uploadingBtn(){
this.$refs.fileRef.dispatchEvent(new MouseEvent("click"));
},
fileChange(event) {
let fileName = document.getElementById("fileName")
try {
const fu = event.target;
if (fu == null) return;
let myFile = fu.files[0].name; //文件名
let ext = myFile.split(".").pop(); //文件后缀
//判断文件类型
if (ext == "pdf" || ext == "docx" || ext == "doc") {
//写入业务逻辑
}
//文件类型不正确
else {}
} catch (error) {}
},
}
标签：文件,vue,fu,..,myFile,ext,let,上传 From： https://www.cnblogs.com/qdyzhuang/p/17195440.html