设置el-upload中上传的文件名
时间: 2024-10-28 18:04:26 浏览: 127
elementUI里使用青牛云直传
在Element UI的`el-upload`组件中,你可以通过监听`upload`事件的`file`属性来获取上传的文件对象,然后从该对象的`name`或`path`属性来获取文件名。例如:
```javascript
<template>
<el-upload
action="your-api-url"
:on-success="handleSuccess"
:auto-upload="false" // 阻止默认上传,手动触发
>
<el-button slot="trigger">选择文件</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleSuccess(file) {
const fileName = file.name; // 文件名
console.log('上传成功,文件名:', fileName);
},
}
}
</script>
```
在这个例子中,当用户选择了文件并点击“上传”按钮(实际上是调用了`handleSuccess`函数),文件对象的`name`属性将包含所选文件的原始名称。
阅读全文