番禺 网站建设,大连 网站,鸿基建设工程有限公司网站,网站建设课程设计的必要性文章目录 一、静态文件和媒体文件1.在django中使用静态文件实践2.在django中使用媒体文件 二、文件上传单文件上传实践多文件上传 一、静态文件和媒体文件
媒体文件: 用户上传的文件#xff0c;叫做media
静态文件:存放在服务器的css,js,image,font等 叫做static1.在django中… 文章目录 一、静态文件和媒体文件1.在django中使用静态文件实践2.在django中使用媒体文件 二、文件上传单文件上传实践多文件上传 一、静态文件和媒体文件
媒体文件: 用户上传的文件叫做media
静态文件:存放在服务器的css,js,image,font等 叫做static1.在django中使用静态文件
1)首先确保django.contrib.staticfiles在 INSTALLED_APPS中
2)在settings中定义STATIC_URLSTATIC_URL /static/
3)在你app的static目录中存放静态文件比如App/static/example.jpg
4)如果有别的静态资源文件不在app下的static目录下可以通过STATICFILES_DIRS来指定额外的静态文件搜索目录。STATICFILES_DIRS [os.path.join(BASE_DIR, static),...]
5)在模板中使用load标签去加载静态文件{% load static %}img src{% static App/example.jpg %} /实践
创建一个新项目 Day06DjangoPro01 每一个应用中都可以新建一个static和templates 如果想要额外再加一些静态文件路径就再加一个STATICFILES_DIRS
App\templates\index.html 一般用link relstylesheet href{% static css/index.css %}
!DOCTYPE html
html langen
headmeta charsetUTF-8title使用静态文件/title{% load static %}
{# link relstylesheet href/static/css/index.css#}link relstylesheet href{% static css/index.css %}/head
body
h2使用静态文件/h2
hr/body
/htmlApp\static\css\index.css
h2 {color: #7FFF00FF;
}根路由Day06DjangoPro01\urls.py
from django.contrib import admin
from django.urls import path
from App.views import *urlpatterns [path(admin/, admin.site.urls),path(index/, index),
]
App\views.py
from django.shortcuts import render# 静态文件的使用
def index(request):return render(request, index.html) 在项目根目录下的static和templates 也是可以这样用的 2.在django中使用媒体文件
在settings中配置 MEDIA_ROOTMEDIA_ROOT os.path.join(BASE_DIR, media)二、文件上传
单文件上传
文件上传要求form表单存在enctypemultipart/form-data属性并且提交方法是post。form enctypemultipart/form-data action/uploadFile/ methodpostinput typefilenamemyfile /br/input typesubmit valueupload//form最简单的文件上传:
def file_upload(request):if request.method POST:# 获取上传的文件如果没有文件则默认为NonemyFile request.FILES.get( myfile None)if not myFile:return HttpResponse(no files for upload)file_path os.path.join(settings.MEDIA_ROOT, 1.jpg)with open(file_path, ab) as fp:for part in myFile.chunks():fp.write(part)return HttpResponse(上传成功!)else:return render(request,index.html)实践
在settings中配置 MEDIA_ROOT
# 媒体文件
MEDIA_ROOT BASE_DIR / static/uploadtemplates\upload1.html
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyh2单文件上传/h2form action enctypemultipart/form-data methodpost{% csrf_token %}用户名input typetext nameusernamebr头像input typefilenameicon /br/button上传图片/button/form
/body
/htmlApp\models.py
from django.db import models# 用户
class UserModel(models.Model):# 名字name models.CharField(max_length30, uniqueTrue)# 头像icon models.CharField(max_length255)
写完之后记得做迁移
生成迁移文件: python manage.py makemigrations
执行迁移: python manage.py migrateApp\views.py
import os
import uuidfrom django.conf import settingsfrom django.shortcuts import render# 上传文件:媒体文件
# 单文件上传
from App.models import UserModeldef upload1(request):if request.method GET:return render(request, upload1.html)elif request.method POST:# 单文件上传username request.POST.get(username)icon request.FILES.get(icon) # 只有一个文件用get()print(icon, type(icon)) # 文件对象# picture3.jpg class django.core.files.uploadedfile.TemporaryUploadedFileprint(icon.name) # picture3.jpg# 1. 将上传的图片存储到后端对应的媒体文件夹中# file_name icon.name # 图片名称尽量不要使用原图名称# file_name gen_uuid_name() icon.name[icon.name.rfind(.):] # icon.name.rfind(.) 获得最后一个.的下标, 拿到的是 .jpgfile_name gen_uuid_name() os.path.splitext(icon.name)[-1] # os.path.splitext得到的是一个数组取最后一个, 拿到的是 .jpg# 后面可以加个时间戳file_path os.path.join(settings.MEDIA_ROOT, file_name) # settings.py 设置的文件路径 MEDIA_ROOTprint(file_path, file_path) # D:\xxx\pythonCode\Django学习\code\Day06DjangoPro01\static\upload\picture3.jpg# 分段写入文件with open(file_path, ab) as fp: # ab 追加写的方式for part in icon.chunks(): # icon.chunks()方法 会一段一段的取直到你取完为止考虑到上传视频很大的话一次性取会占很大一块内存所以分段取fp.write(part)fp.flush() # 写一段清空一次缓存# 如果要把用户的图片存起来,不是直接把图片的二进制存起来,虽然可以存二进制,但是我们一般不存二进制# 2. 存到本地。将该媒体文件的路径 存入到数据库中。因为图片视频的二进制都比较大如果存二进制到数据库会很大user UserModel()user.name usernameuser.icon upload/ file_nameuser.save() # 保存return render(request, upload1.html)# 得到一个图片名称(通过uuid来得到唯一的图片名称)
def gen_uuid_name():return str(uuid.uuid4()) # 它会根据我们的时间还有随机数之类的东西去生成唯一的字符串
urls.py
# 上传文件
path(upload1/, upload1),浏览器http://127.0.0.1:8000/upload1/ 可以看到上传成功啦
多文件上传
App\models.py
# 相册
class PhotoModel(models.Model):img models.CharField(max_length255) # 图片地址# 图片所属用户user models.ForeignKey(UserModel, on_deletemodels.PROTECT) # 每一个照片只属于一个用户一对多关系写完之后记得做迁移
生成迁移文件: python manage.py makemigrations
执行迁移: python manage.py migratetemplates\upload2.html
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
h2多文件上传/h2{# enctypemultipart/form-data : 支持文件上传 #}{# multiple: 支持文件多选 #}form action enctypemultipart/form-data methodpost{% csrf_token %}用户idinput typetext nameuseridbr请选择要上传的照片input typefile nameimgs multiple /br/button上传图片/button/form
/body
/htmlApp\views.py
import os
import uuidfrom django.conf import settingsfrom django.shortcuts import render
from App.models import *# 多文件上传
def upload2(request):if request.method GET:return render(request, upload2.html)elif request.method POST:userid request.POST.get(userid)imgs request.FILES.getlist(imgs)print(imgs: , imgs)# [TemporaryUploadedFile: picture2.jpg (image/jpeg),# TemporaryUploadedFile: picture3.jpg (image/jpeg),...]for img in imgs:# 1. 把图片存储到uploads中file_name gen_uuid_name() os.path.splitext(img.name)[-1]file_path os.path.join(settings.MEDIA_ROOT, file_name) # 得到一个绝对文件路径with open(file_path, ab) as fp:for part in img.chunks():fp.write(part)fp.flush()# 2. 将图片路径存入到数据库中photo PhotoModel()photo.img uploads/ file_namephoto.user_id userid # photo.user UserModel.objects.filter(pkuserid).first()# 没查到就是None暂时不考虑其他问题Nonephoto.save()return render(request, upload2.html)
urls.py
path(upload2/, upload2), # 多文件上传浏览器 http://127.0.0.1:8000/upload2/ 可以看到图片保存成功啦数据也存到数据库啦
