el-upload uid
时间: 2024-01-09 10:22:42 浏览: 84
el-upload组件是Element UI中的一个文件上传组件。在使用el-upload组件上传文件时,会导致上传的文件参数file里面只包含uid,没有其他信息。
下面是一个关于el-upload组件的示例代码:
```html
<template>
<el-upload
action="/upload"
:on-success="handleSuccess"
:before-upload="beforeUpload"
>
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
methods: {
handleSuccess(response, file, fileList) {
console.log(response); // 上传成功后的响应数据
console.log(file); // 上传的文件对象
console.log(fileList); // 上传的文件列表
},
beforeUpload(file) {
console.log(file); // 上传的文件对象
}
}
}
</script>
```
在上述代码中,我们使用了el-upload组件,并设置了上传的action地址为"/upload"。在上传成功后,会调用handleSuccess方法,并将上传成功后的响应数据、上传的文件对象和上传的文件列表作为参数传递给该方法。在上传之前,会调用beforeUpload方法,并将上传的文件对象作为参数传递给该方法。
通过以上代码,你可以获取到上传文件的详细信息,而不仅仅是uid。
阅读全文