el-upload传递对象
时间: 2023-11-09 12:03:35 浏览: 122
elemetUi 组件–el-upload实现上传Excel文件的实例
5星 · 资源好评率100%
el-upload组件可以通过设置prop属性为before-upload来传递对象。before-upload是一个函数,它接收一个file对象作为参数,我们可以在这个函数中对file对象进行处理,然后返回一个新的file对象或者false。如果返回false,则上传被取消。
例如,我们可以在before-upload函数中创建一个FormData对象,然后将需要上传的数据添加到FormData中,最后将FormData对象作为返回值传递给el-upload组件。
示例代码如下:
```
<el-upload
class="upload-demo"
action="/upload"
:before-upload="handleBeforeUpload">
<el-button slot="trigger" type="primary">选取文件</el-button>
<el-button slot="tip" type="text">支持批量上传</el-button>
</el-upload>
<script>
export default {
methods: {
handleBeforeUpload(file) {
const formData = new FormData();
formData.append('name', 'example');
formData.append('file', file);
return formData;
}
}
}
</script>
```
阅读全文