el-upload上传回显文件名
时间: 2023-08-15 11:13:10 浏览: 825
element ui多图片上传加修改回显
对于el-upload组件,可以通过监听change事件来获取上传文件的文件名。在change事件的回调函数中,可以通过event.target.files[0].name来获取文件名。
下面是一个示例代码:
```html
<template>
<el-upload
action="/upload"
:on-change="handleChange"
>
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleChange(event) {
const fileName = event.target.files[0].name;
console.log(fileName); // 打印上传的文件名
}
}
}
</script>
```
在上述代码中,el-upload组件绑定了一个change事件,当用户选择了文件后,会触发handleChange方法。在handleChange方法中,通过event.target.files[0].name获取到上传文件的文件名,并进行相应的处理(这里只是简单地打印出来)。你可以根据实际需求进行进一步的操作。
阅读全文