el-upload限制上传大小
时间: 2023-06-30 21:20:31 浏览: 121
自定义上传文件限制大小
el-upload 组件可以通过设置 `limit` 属性来限制上传文件的大小,单位为字节。例如,设置 `limit` 为 2MB 的代码如下:
```html
<el-upload
class="upload-demo"
action="/upload"
:limit="2 * 1024 * 1024"
:on-exceed="handleExceed"
:before-upload="beforeUpload"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传不超过 2MB 的文件</div>
</el-upload>
```
在上述代码中,`:limit="2 * 1024 * 1024"` 表示限制上传文件的大小为 2MB,`:on-exceed="handleExceed"` 是在上传文件大小超过限制时触发的事件处理函数,`:before-upload="beforeUpload"` 是在上传文件前的钩子函数,可以在其中进行一些验证操作。同时,通过 `slot="tip"` 可以设置上传组件的提示信息。
阅读全文