Django之单文件上传(以图片为例)

一,创建项目

初始化,数据迁移,创建superuser,创建app等

二,配置settings.py

1,配置数据库(本作者使用的mysql),以前文章有提到

2,配置静态文件存放路径

STATICFILES_DIRS=[ BASE_DIR / 'static' ]

3,配置媒体文件(即上传的文件)存放路径

复制代码
MEDIA_ROOT = BASE_DIR / 'static/uploads'

三,按照以下文件树创建文件(static和templates下的文件可自定义,但是这两个文件夹名字要和之前配置的相同)

四,编写html

在templates下创建html,文件名自定义,内容可参考如下:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单文件上传</title>
</head>
<body>
<h2>单文件上传</h2>
<hr>
<form action="" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <p>用户名:<input type="text" name="uname"></p>
    <p>头像:<input type="file" name="icon"></p>
    <p><button>上传</button></p>
</form>
</body>
</html>
html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% load static %}
<h2>展示详情页</h2>
<hr>
<ul>
    <li>
        上传者:{{ name }}
    </li>
       
</ul>
 文件:<img src="{% static icon %}" alt="" width="300px">
</body>
</html>

五,创建model

python 复制代码
class upload(models.Model):
    name = models.CharField(max_length=30, unique=True)
    icon = models.CharField(max_length=255)

    def __str__(self):
        return self.name + self.icon

然数据迁移,注册model等

六,编写view

在创建的app的文件下的views.py中写函数,内容可参考如下:

python 复制代码
def upload1(request):
    if request.method == 'GET':
        return render(request, 'upload1.html')
    elif request.method == 'POST':
        uname = request.POST.get('uname')
        icon = request.FILES.get('icon')
        icon_name = str(uuid.uuid4())+ icon.name[icon.name.rfind('.'):]
        file_path = os.path.join(settings.MEDIA_ROOT, icon_name)
        with open(file_path,'ab') as fp:
            for part  in icon.chunks():
                    fp.write(part)
                    fp.flush()
        up = upload()
        up.name = uname
        up.icon = 'uploads/' + icon_name
        up.save()
        return render(request, 'detail.html', {'name':uname, 'icon':file_path})

七,启动项目

相关推荐
程序员三藏13 分钟前
银行测试:第三方支付平台业务流,功能/性能/安全测试方法
自动化测试·软件测试·python·功能测试·测试工具·职场和发展·安全性测试
福大大架构师每日一题20 分钟前
2025-10-16:有向无环图中合法拓扑排序的最大利润。用go语言,给定一个由 n 个节点(编号 0 到 n-1)构成的有向无环图,边集合用二维数组 edge
后端
程序员晚枫22 分钟前
Python版本进化史:从3.6到3.14,每个版本都带来了什么惊喜?
python
只玩代码24 分钟前
技术拆解:基于 Rokid CXR-M SDK 构建“AI 实时翻译眼镜伴侣”核心逻辑
后端
码码宇27 分钟前
技术拆解:Rokid CXR-M SDK 如何构建流畅AR演讲提词功能
后端
沐眼27 分钟前
技术拆解:Rokid CXR-M SDK 构建 AI 智能提词眼镜助手连接到场景落地
后端
阑梦清川28 分钟前
docker基础学习通关教程
后端
五月天29 分钟前
边走边听,所见即所讲:用手机+AR眼镜构建新一代智能导览体验
后端
BingoGo29 分钟前
现代 PHP8+ 实战特性介绍 Enums、Fibers 和 Attributes
后端·php
三十_30 分钟前
TypeORM 基础篇:项目初始化与增删改查全流程
前端·后端