模板代码:
<input type="file" ref="file" @change="fileChange" />
事件处理函数:
fileChange() {
// 读取文件对象,并基于文件对象获取blob数据
const file = this.$refs.file.files[0]
// 获取文件的url
const url = window.URL.createObjectURL(file)
//file-input如果选了同一个文件不会触发change事件
//解决办法就是每次使用完毕,把它的value清空
this.$refs.file.value = ''
}