Vue2 - Vue2项目使用Element UI 的el-upload实现文件上传并限制文件类型、大小、同名等校验的详细实现过程（文件类型限制、大小限制、同名限制、文件总大小限制、下载删除..)_el-upload 文件大小限制

前言

    在 Vue 项目中，借助 Element UI 的 el-upload 组件，我们可以轻松实现文件上传的功能。然而，在实际开发中，我们通常需要对上传的文件进行一些限制，例如限制文件类型、文件大小，防止同名文件被覆盖等。本篇博客将详细介绍如何利用 Vue 和 Element UI 的 el-upload 组件实现文件上传，并对文件类型、大小、同名等进行限制。提供详细的实现思路、代码以及注释。

一、效果图如下：

1.1 文件类型限制

1.2 文件大小限制 

1.3 文件同名限制

1.4 文件总大小限制

1.5 文件下载和删除