Django（十九）文件上传：图片上传(后台上传、自定义上传)、 |
您所在的位置：网站首页 › html添加照片 › Django（十九）文件上传：图片上传(后台上传、自定义上传)、 |
Django（十九）文件上传：图片上传(后台上传、自定义上传)、
|
一、基本设置
参考：https://docs.djangoproject.com/zh-hans/3.0/topics/http/file-uploads/ 1）配置project1/settings.py因为图片也属于静态文件，所以保存到static目录下。 MEDIA_ROOT=os.path.join(BASE_DIR,"static/media") 2）在static目录下创建media目录，再创建应用名称的目录，此例为app1 F:\Test\django-demo\project1>tree /f F:. │ db.sqlite3 │ manage.py │ ├─app1 │ │ admin.py │ │ apps.py │ │ models.py │ │ tests.py │ │ urls.py │ │ views.py │ │ __init__.py │ │ │ ├─migrations │ │ │ __init__.py │ │ │ │ │ └─__pycache__ │ │ __init__.cpython-37.pyc │ └─ │ ├─project1 │ │ asgi.py │ │ settings.py │ │ urls.py │ │ wsgi.py │ │ __init__.py │ │ │ └─ │ ├─static │ ├─css │ ├─images │ ├─js │ └─media │ └─app1 └─templates └─app1 index.html 二、上传图片 模型知识回顾：在七章https://blog.csdn.net/u010132177/article/details/103855700 字段类型里有两个类型： FileField：上传文件字段。ImageField：继承于FileField，对上传的内容进行校验，确保是有效的图片。 准备工作： 1）执行迁移 python manage.py makemigrations 2）执行迁移(如果第1次不执行则3提示不存在auth表) python manage.py migrate 3）创建管理员用户 python manage.py createsuperuser 4）如果第2次执行迁移提示没有更改项可修改migrations文件夹下的0001_initial.py文件名，或删除数据库里的migrations表的对应0001_initial那条 5）相关详细操作见全栈视频10图片上传第1节 6）在python中进行图片操作，需要安装包PIL。 pip install Pillow==3.4.1 1. 后台管理admin页面上传 0）创建包含图片的模型类将模型类的属性定义成models.ImageField类型。 1）打开app1/models.py文件，定义模型类PicTest。 class PicTest(models.Model): pic = models.ImageField(upload_to='booktest/') 2）回到命令行中，生成迁移。 python manage.py makemigrations 3）打开booktest/migrations/0001_initial.py文件，删除AreaInfo部分，因为这个表已经存在。
如果之前有操作过图书类、英雄类模型创建过数据表，又因为当前没有定义图书、英雄模型类，会提示“是否删除”，输入“no”后回车，表示不删除。 5）注册1步写的模型类 from django.contrib import admin from app1.models import PicTest # 【1】导入app1目录下的models文件内的PicTest模型类 # Register your models here. admin.site.register(PicTest) # 【2】注册模型类 6）运行项目登录后台：http://127.0.0.1:8000/admin运行项目： py manage.py runserver 依次点进去即可看到上传图片按键：首页 › App1 › Pic tests › 增加 pic test上传一个图片即可在static/media/app1下看到刚上传的图片如果上传非有效图片，系统会自动帮检测，并给出提示 2.自定义上传页面 1)创建模板templates/upload_pic.html【1】图片上传必须要设置enctype=“multipart/form-data”，后台才能接收到数据 【2】post上传别忘记带上验证标识{% csrf_token %} 自定义图片上传 {% csrf_token %} {# 【2】post上传别忘记带上验证标识 #} 2)编写视频函数app1/views.py【1-5】 图上上传处理,图片2种类型： 小于2.5M放在内存中：大于2.5放在硬盘上： from django.shortcuts import render from django.http import HttpResponse from project1.settings import MEDIA_ROOT #导入上传文件保存路径 或 from django.conf import settings from app1.models import PicTest #导入图片模型类 # /index def index(request): return render(request,'app1/index.html') # /show_upload def show_upload(request): '''图片上传页''' return render(request,'app1/upload_pic.html') # /upload_handle # 图上上传处理,图片2种类型： # 小于2.5M放在内存中： # 大于2.5放在硬盘上： def upload_handle(request): '''图片上传处理页''' #【1】得到图片 pic=request.FILES['pic'] #【2】拼接图片保存路径+图片名 save_path="%s/app1/%s"%(MEDIA_ROOT,pic.name) #【3】保存图片到指定路径，因为图片是2进制式，因此用wb， with open(save_path,'wb') as f: # pic.chunks()为图片的一系列数据，它是一一段段的，所以要用for逐个读取 for content in pic.chunks(): f.write(content) #【4】保存图片路径到数据库，此处只保存其相对上传目录的路径 PicTest.objects.create(goods_pic='app1/%s'%pic.name) #【5】别忘记返回信息 return HttpResponse('上传成功，图片地址：app1/%s'%pic.name) 3)app1/urls.py配置 """project1 URL Configuration The `urlpatterns` list routes URLs to views. For more information please see: https://docs.djangoproject.com/en/3.0/topics/http/urls/ Examples: Function views 1. Add an import: from my_app import views 2. Add a URL to urlpatterns: path('', views.home, name='home') Class-based views 1. Add an import: from other_app.views import Home 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home') Including another URLconf 1. Import the include() function: from django.urls import include, path 2. Add a URL to urlpatterns: path('blog/', include('blog.urls')) """ from django.contrib import admin from django.urls import path from app1 import views urlpatterns = [ path('index/', views.index), path('show_upload/',views.show_upload),# 图片上传页 path('upload_handle/',views.upload_handle),# 图片上传处理页 ] 效果：http://127.0.0.1:8000/show_upload/上传图片操作后会返回上传成功，及图片地址。 对应目录下也会多一个刚上传的图片。 |
【本文地址】