element提交图片限制一张_ElementUI 上传文件以及限制

ElementUI 上传文件以及限制

发布时间：2021-02-23 09:17:22编辑：admin阅读(12)

一、概述

现有项目中，涉及文件上传。要求：

1. 文件必须是excel

2. 只能上传1个文件

3. 文件大小不能超过5M

二、Upload 上传

注意：ElementUI Upload 上传，需要和后端api结合才能使用。

演示环境使用django，版本为：3.1.5

新建django项目

新建django项目，项目名为upload_demo，app名为api

安装以下模块Django==3.1.5

djangorestframework==3.11.1

django-cors-headers==3.5.0

以上是我环境的版本，这里不做强制要求，安装最新版本即可。

注意：django-cors-headers是用来解决跨域问题的。

修改upload_demo/settings.py

注册appINSTALLED_APPS = [

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'api.apps.ApiConfig',

'rest_framework',

'corsheaders',  # 注册应用cors

]

中间件增加MIDDLEWARE = [

'django.middleware.security.SecurityMiddleware',

'django.contrib.sessions.middleware.SessionMiddleware',

'django.middleware.common.CommonMiddleware',

'django.middleware.csrf.CsrfViewMiddleware',

'django.contrib.auth.middleware.AuthenticationMiddleware',

'django.contrib.messages.middleware.MessageMiddleware',

'django.middleware.clickjacking.XFrameOptionsMiddleware',

'corsheaders.middleware.CorsMiddleware', # 注册组件co