antd vue upload 文件限制大小不展示
时间: 2023-08-16 15:09:05 浏览: 122
设置文件上传大小显示
如果你使用的是 antd-vue 的 Upload 组件,可以通过设置 `showUploadList` 属性为 `false` 来隐藏上传文件列表,这样就不会显示文件大小了。代码示例:
```html
<template>
<a-upload
:showUploadList="false"
:beforeUpload="beforeUpload"
>
<a-button>
<a-icon type="upload" /> Click to Upload
</a-button>
</a-upload>
</template>
<script>
export default {
methods: {
beforeUpload(file) {
// 处理上传文件的逻辑
}
}
}
</script>
```
如果你需要显示上传文件列表但是不想显示文件大小,可以通过自定义 `customRequest` 方法来实现。代码示例:
```html
<template>
<a-upload
:list-type="'text'"
:showUploadList="true"
:customRequest="customRequest"
:beforeUpload="beforeUpload"
>
<a-button>
<a-icon type="upload" /> Click to Upload
</a-button>
</a-upload>
</template>
<script>
export default {
methods: {
beforeUpload(file) {
// 处理上传文件的逻辑
},
customRequest(options) {
const { onSuccess } = options;
// 执行上传文件的异步操作
setTimeout(() => {
onSuccess();
}, 2000);
}
}
}
</script>
```
在自定义的 `customRequest` 方法中,我们可以通过 options 参数来获取到上传文件的相关信息,并在上传完成后调用 onSuccess 方法来通知 Upload 组件上传成功。注意,这里的 onSuccess 方法不需要传入任何参数,调用时直接执行即可。
阅读全文