Django 上传图片存储到数据库中

最新推荐文章于 2024-03-25 14:58:32 发布

沃特艾文儿～

最新推荐文章于 2024-03-25 14:58:32 发布

阅读量4.4k

点赞数 2

分类专栏：小技巧以及经验前后端开发数据库文章标签： django python 数据库

本文链接：https://blog.csdn.net/qq_44614115/article/details/113361735

版权

前后端开发同时被 3 个专栏收录

54 篇文章 2 订阅

订阅专栏

小技巧以及经验

51 篇文章 2 订阅

订阅专栏

数据库

11 篇文章 0 订阅

订阅专栏

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>