vue-upload-component onloaded取得上传后文件信息
时间: 2023-12-04 18:05:55 浏览: 99
vue-simple-uploader上传成功之后的response获取代码
Vue-upload-component 提供了 on-success 属性用于获取上传成功后的文件信息。该属性绑定的方法会在上传成功后执行,并且会传入一个参数,该参数即为上传成功后的文件信息。例如:
```
<template>
<div>
<file-upload
ref="fileUpload"
:extensions="['jpg', 'png']"
:on-success="onSuccess"
/>
</div>
</template>
<script>
import FileUpload from 'vue-upload-component';
export default {
components: {
FileUpload,
},
methods: {
onSuccess(file) {
console.log('文件上传成功:', file);
},
},
};
</script>
```
在上述代码中,我们将 on-success 属性绑定到了一个方法 onSuccess 上。当文件上传成功后,该方法会被执行,并且会将上传成功后的文件信息作为参数传入。在该方法中,我们可以通过打印参数 file 来获取上传后的文件信息。
阅读全文