pillow 图片处理库
pip install pillow
pip 安装缓慢可以参考一下这篇博客—> 传送门
这个是必须要安装的,我把 pillow 卸载,再次运行时会提示,不能使用models里面的ImageFiled(),上传文件的功能大概就是pillow完成的吧
media路径设置
这是用来设置头像上传后的保存路径的,在 settings.py 中, media 就是上传的头像存储的文件的上级目录,不是直接父级目录
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')
MEDIA_URL = '/media/'
建表
在 models.py 中, 这里的 upload_to 便是指定头像存储在哪一个文件夹中,default 为默认命名,我们一般会在views.py里面来给头像赋予命名
class Avatar(models.Model):
user = models.CharField(max_length=100)
photo = models.ImageField(upload_to='photos', default='avatar.jpg')
路径处理
在 url.py 中,在后面加上指定的路径
from django.conf import settings
from django.conf.urls.static import static
urlpatterns = [
path('upload/', views.UpLoadInfo),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
逻辑处理
这里为了简化代码,我在这里处理了 UploadInfo 的 get 和 post 请求,不用再写界面了。get 返回的就是上传文件的界面,post返回的就是上传成功的信息
def UpLoadInfo(request):
if request.method == 'POST':
image = models.MyPicture(
photo=request.FILES.get('photo'),
user=request.FILES.get('photo').name
)
image.save()
return HttpResponse('上传成功!')
else:
return render(request, 'upload.html', locals())
界面
这里给出一个简单的页面用于测试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/upload/" method="POST" enctype="multipart/form-data">
{% csrf_token %}
<input name="photo" type="file" >
<button id="upload" type="submit">上传头像</button>
</form>
</body>
</html>
结果
这样就可以上传头像到项目文件中了,我们如果要使用头像的话,就需要把与数据库中头像的路径进行拼接来访问。
这里附上Django rest_framework如何上传图片-------> 传送门