当前位置：首页 > article >正文

Django+simpleui实现文件上传预览功能

article 2026/4/29 22:47:36

在 Django 中，文件通常不会直接存储到 MySQL 数据库中，而是存储在文件系统或云存储中，数据库中只存储文件的路径或元数据。

1. 创建 Django 项目和应用

如果还没有项目和应用，先创建一个：

django-admin startproject myproject
cd myproject
python manage.py startapp myapp

2. 配置 MySQL 数据库

在 settings.py 中配置 MySQL 数据库连接：

DATABASES = {'default': {'ENGINE': 'django.db.backends.mysql','NAME': 'mydatabase',  # 数据库名称'USER': 'root',        # 数据库用户名'PASSWORD': 'password',# 数据库密码'HOST': 'localhost',   # 数据库主机'PORT': '3306',        # 数据库端口}
}

确保已安装 MySQL 客户端库：

pip install mysqlclient

3. 创建模型

在 myapp/models.py 中创建一个模型来存储文件信息：

from django.db import modelsclass UploadedFile(models.Model):name = models.CharField(max_length=255, verbose_name="文件名称")file = models.FileField(upload_to='uploads/', verbose_name="文件")uploaded_at = models.DateTimeField(auto_now_add=True, verbose_name="上传时间")def __str__(self):return self.nameclass Meta:verbose_name = "上传文件"verbose_name_plural = "上传文件"

4. 创建表单

在 myapp/forms.py 中创建一个表单来处理文件上传：

from django import forms
from .models import UploadedFileclass UploadFileForm(forms.ModelForm):class Meta:model = UploadedFilefields = ['name', 'file']

5. 创建视图

在 myapp/views.py 中创建视图来处理文件的上传、预览和下载：

from django.shortcuts import render, get_object_or_404
from django.http import HttpResponse
from .models import UploadedFile
from .forms import UploadFileForm
import osdef upload_file(request):if request.method == 'POST':form = UploadFileForm(request.POST, request.FILES)if form.is_valid():form.save()return render(request, 'upload_success.html')else:form = UploadFileForm()return render(request, 'upload.html', {'form': form})def preview_file(request, file_id):file = get_object_or_404(UploadedFile, id=file_id)return render(request, 'preview.html', {'file': file})def download_file(request, file_id):file = get_object_or_404(UploadedFile, id=file_id)response = HttpResponse(file.file, content_type='application/force-download')response['Content-Disposition'] = f'attachment; filename={os.path.basename(file.file.name)}'return response

6. 配置 URL

在 myapp/urls.py 中配置 URL 路由：

from django.urls import path
from . import viewsurlpatterns = [path('upload/', views.upload_file, name='upload_file'),path('preview/<int:file_id>/', views.preview_file, name='preview_file'),path('download/<int:file_id>/', views.download_file, name='download_file'),
]

在 myproject/urls.py 中包含应用的 URL：

from django.contrib import admin
from django.urls import path, includeurlpatterns = [path('admin/', admin.site.urls),path('myapp/', include('myapp.urls')),
]

7. 配置媒体文件

在 settings.py 中配置媒体文件的存储路径：

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

在 myproject/urls.py 中添加媒体文件的 URL 配置：

from django.conf import settings
from django.conf.urls.static import staticurlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

8. 创建模板

在 myapp/templates/ 目录下创建以下模板文件：

`upload.html`（文件上传页面）

<!DOCTYPE html>
<html>
<head><title>Upload File</title>
</head>
<body><h1>Upload File</h1><form method="post" enctype="multipart/form-data">{% csrf_token %}{{ form.as_p }}<button type="submit">Upload</button></form>
</body>
</html>

`upload_success.html`（上传成功页面）

<!DOCTYPE html>
<html>
<head><title>Upload Success</title>
</head>
<body><h1>File Uploaded Successfully</h1><a href="{% url 'upload_file' %}">Upload another file</a>
</body>
</html>

`preview.html`（文件预览页面）

<!DOCTYPE html>
<html>
<head><title>Preview File</title>
</head>
<body><h1>{{ file.name }}</h1><p>Uploaded at: {{ file.uploaded_at }}</p><a href="{% url 'download_file' file.id %}">Download</a>
</body>
</html>

9. 配置 SimpleUI

在 settings.py 中安装并配置 SimpleUI：

INSTALLED_APPS = [...'simpleui','myapp',...
]

SimpleUI 会自动美化 Django 后台界面，你可以在 settings.py 中进一步配置 SimpleUI 的主题和其他选项。

10. 运行服务器并测试

运行 Django 开发服务器：

python manage.py runserver

访问 http://127.0.0.1:8000/myapp/upload/ 进行文件上传、预览和下载的测试。

11. 部署

在生产环境中，确保配置好静态文件和媒体文件的处理方式，并考虑使用云存储服务（如 AWS S3）来存储上传的文件。

总结

通过以上步骤，可以实现管理员上传文件并将文件信息存储到 MySQL 数据库，同时支持前端预览和下载的功能。SimpleUI 用于美化 Django 后台界面，提升用户体验。

Django+simpleui实现文件上传预览功能

在 Django 中，文件通常不会直接存储到 MySQL 数据库中，而是存储在文件系统或云存储中，数据库中只存储文件的路径或元数据。 1. 创建 Django 项目和应用如果还没有项目和应用，先创建一个： django-admin startproject…...

编程日记 2026/4/2 11:38:02

错误描述错误：为仓库 ‘appstream’ 下载元数据失败 : Cannot prepare internal mirrorlist: Curl error (6): Couldn’t resolve host name for http://mirrorlist.centos.org/?release8&archx86_64&repoAppStream&infrastock [Could not resolve h…...

编程日记 2026/4/2 15:24:14

寒假2.7

题解 web：[HCTF 2018]WarmUp 打开是张表情包看一下源代码访问source.php，得到完整代码代码审计 <?phphighlight_file(__FILE__);class emmm{public static function checkFile(&$page){$whitelist ["source">"source.p…...

编程日记 2026/4/7 3:50:51

5.Python字典和元组：字典的增删改查、字典遍历、访问元组、修改元组、集合（set）

1. 字典（dict） 字典是一个无序的键值对集合，每个键对应一个值。字典的增、删、改、查： 添加键值对: my_dict {a: 1, b: 2} my_dict[c] 3 # 添加新键c，值为3 print(my_dict) # 输出：{a: 1, b: 2, c: …...

编程日记 2026/4/3 20:05:00

无限使用Cursor

原理：运行程序获得15天的免费试用期，重新运行程序重置试用期，实现无限使用。免费的pro账号，一个月有250的高级模型提问次数。前提：已安装cursor cursor-vip工具：https://cursor.jeter.eu.org?p95d60efe…...

编程日记 2026/4/5 12:08:13

如何查看Linux ISO镜像中的kernel版本

要查看Linux ISO镜像中的kernel版本，可以使用以下几种方法： 使用uname命令： 将ISO镜像挂载到系统中，然后进入挂载目录。运行以下命令查看内核版本：uname -r这将显示当前运行的内核版本。查看/proc/version文件&#…...

编程日记 2026/4/2 7:46:11

STM32启动过程概述

1. STM32启动过程概述 STM32 微控制器的启动过程是指从上电或复位开始，到系统开始执行用户程序的整个过程。这个过程包括了硬件初始化、引导加载程序 (Bootloader) 执行、系统时钟配置、外设初始化等步骤。 2. STM32 启动的基本流程上电或复位 STM32 芯片的启动过…...

编程日记 2026/3/16 14:00:10

unity碰撞的监测和监听

1.创建一个地面 2.去资源商店下载一个火焰素材 3.把procedural fire导入到自己的项目包管理器中 4.给magic fire 0 挂在碰撞组件Rigidbody , Sphere Collider 5.创建脚本test 并挂在magic fire 0 脚本代码 using System.Collections; using System.Collections.Generic; usi…...

编程日记 2026/4/6 5:38:41

企业FTP替代升级，实现传输大文件提升100倍！

随着信息技术的飞速发展，网络安全环境也变得越来越复杂。在这种背景下，传统的FTP（文件传输协议）已经很难满足现代企业对文件传输的需求了。FTP虽然用起来简单，但它的局限性和安全漏洞让它在面对高效、安全的数据交换时…...

编程日记 2026/4/2 4:11:44

python基础入门：3.3序列通用操作

Python序列操作终极指南：解锁数据处理的核心技能 # 快速导航 sequence_types ["列表", "元组", "字符串", "字节序列"]一、核心操作三位一体 1. 索引与切片体系 # 通用索引规则 data ["A", "B", &…...

编程日记 2026/4/29 12:59:23

Linux | 自动化构建 —— make / Makefile

文章目录自动化构建-make/Makefile一、make 工具概述二、Makefile 基本结构三、 Makefile和make的基本使用3.1最基本的gcc编译：3.2make执行Makefile文件3.3.PHONY伪目标四、Makefile拓展4.1直接根据文件名编写Makefile4.2变量的使用4.3Makefile的适度扩展语法&…...

编程日记 2026/4/29 13:40:05

quartus24.1版本子模块因时钟问题无法综合通过，FPGA过OOC问题复盘

因为只负责一个子模块，所以需要单独对该子模块进行综合和过OOC，这时候已经有一些加虚拟pin文件，敲命令让子模块能过OOC的方法。但这个方法的前提是先过综合，然后再敲命令让虚拟管脚命令成功，最终可以过OOC。今天负责…...

编程日记 2026/4/2 4:05:14

shell脚本控制——处理信号

Linux利用信号与系统中的进程进行通信。你可以通过对脚本进行编程，使其在收到特定信号时执行某些命令，从而控制shell脚本的操作。 1.重温Linux信号 Linux系统和应用程序可以产生超过30个信号。下表列出了在shell脚本编程时会遇到的最常见的Linux系统信…...

编程日记 2026/4/1 20:49:06

【个人开发】macbook m1 Lora微调qwen大模型

本项目参考网上各类教程整理而成，为个人学习记录。项目github源码地址：Lora微调大模型项目中微调模型为：qwen/Qwen1.5-4B-Chat。去年新发布的Qwen/Qwen2.5-3B-Instruct同样也适用。微调步骤 step0: 环境准备 conda create --name fin…...

编程日记 2026/4/9 3:38:26

电脑开机提示按f1原因分析及终极解决方法来了

经常有网友问到一个问题，我电脑开机后提示按f1怎么解决？不管理是台式电脑，还是笔记本，都有可能会遇到开机需要按F1，才能进入系统的问题，引起这个问题的原因比较多，今天小编在这里给大家列举了比…...

编程日记 2026/4/10 19:05:55

2025华为OD机试真题最新题库 (B+C+D+E卷) + 在线OJ在线刷题使用说明（C++、Java、Python合集）（正在更新E卷，目前已收录581道）

2024年8月份，华为已经开始使用E卷题库，题目和往期一样，旧题加新题的组合，有题目第一时间更新，大家可以跟着继续学习，目前使用复用题较多，可在OJ上直接找到对应的E卷学习，可以放心学习…...

编程日记 2026/4/12 1:44:47

《手札·避坑篇》2025年传统制造业企业数字化转型指南

一、引言在数字化浪潮的推动下，传统制造业企业正加速向智能化、数字化转型。开源软件技术与制造MES（制造执行系统）产品的结合，为企业提供了高效、灵活且低成本的转型路径。本指南旨在为传统制造业企业的信息化负责人提供一套完整的数字化转型方案，助力企业实现高效、智能…...

编程日记 2026/4/3 13:21:36

Qt+海康虚拟相机的调试

做机器视觉项目的时候，在没有相机或需要把现场采集的图片在本地跑一下做测试时，可以使用海康的虚拟相机调试。以下是设置步骤： 1.安装好海康MVS软件，在菜单栏->工具选择虚拟相机工具，如下图： 2.打开虚拟…...

编程日记 2026/4/7 3:38:10

《Origin画百图》之边际分布曲线图

《Origin画百图》第六集——边际分布曲线图入门操作可看《30秒，带你入门Origin》边际分布曲线图，其中包含散点图形，而在图的边际有着分布曲线图。在比较数据以查看多个变量之间是否存在关系时非常有用。 1.数据准备：为多列XY数…...

编程日记 2026/4/11 1:39:30

如何提升自己的能力

提高自身能力是一个长期且综合的过程，需要从多个方面进行努力和持续的学习，以下是一些有效的方法： 明确目标与规划确定目标：首先要明确自己想要提高哪些方面的能力，例如沟通能力、领导力、专业技能等，并根…...

编程日记 2026/4/2 9:33:07

【ORACLE】这个‘‘和null不等价的场景，deepseek你怎么看？

【ORACLE】一处’和null不等价的场景–to_char(number,varchar2) 背景最近在做一个国产数据库替代项目，要求将ORACLE迁移到一个openGauss系数据库，迁移后，执行一个存储过程时，发现国产库的执行结果和ORACLE不一致， …...

编程日记 2026/4/3 17:53:33

安全知识之网络扫描器概念与相关技术

网络安全扫描器简介迅速发展的Internet给人们的生活、工作带来了巨大的方便，但同时，也带来了一些不容忽视的问题，网络信息的安全保密问题就是其中之一。网络的开放性以及黑客的攻击是造成网络不安全的主要原因。科学家在设计Internet之初就…...

编程日记 2026/4/5 0:39:53

Vim跳转文件及文件行结束符EOL

跳转文件 gf 从当前窗口打开那个文件的内容，操作方式：让光标停在文件名上，输入gf。 Ctrlo 从打开的文件返回之前的窗口 Ctrlwf 可以在分割的窗口打开跳转的文件，不过在我的实验不是次次都成功。统一行尾格式文本文件里存放的…...

编程日记 2026/4/22 23:44:16

Termux安装ssh实现电脑ssh

Termux下载点击下载在 Termux 中安装并使用 SSH，按照以下步骤操作： 1. 更新软件包列表 pkg update && pkg upgrade2. 安装 OpenSSH pkg install openssh3. 设置 SSH 密码（必须，否则无法使用 SSH 服务器&#xff09…...

编程日记 2026/4/6 14:12:19

DeepSeek大模型介绍、本地化部署与使用！【AI大模型】

一、DeepSeek 是什么？ 1.技术定位专注大模型与AGI研究，开发高性能基座模型（如 DeepSeek LLM 系列），支持长文本、多模态、代码生成等复杂任务。提供开源模型（如 DeepSeek-MoE、DeepSeek-V2）…...

编程日记 2026/4/5 22:50:53

Axios 的原理

🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 E…...

编程日记 2026/4/2 23:39:10

Gitlab中如何进行仓库迁移

需求：之前有一个自己维护的新仓库A，现在需要将这个仓库提交并覆盖另一个旧的仓库B，需要保留A中所有的commit信息。 1.方法一：将原有仓库A导出后再导入到新的仓库B中适用场景：新的仓库B是一个待建仓库，相当…...

编程日记 2026/4/7 3:04:34

Android的MQTT客户端实现

在 Android 平台上实现 MQTT 客户端的完整技术方案，涵盖基础实现、安全连接、性能优化和最佳实践： 一、技术选型与依赖配置推荐库 Eclipse Paho Android Service（官方维护，支持后台运行） gradle 复制 // build.gradl…...

编程日记 2026/4/2 13:47:38

Centos挂载镜像制作本地yum源,并补装图形界面

内网环境centos7.9安装图形页面内网环境制作本地yum源上传镜像到服务器目录创建目录并挂载镜像 #创建目录 cd /mnt/ mkdir iso#挂载 mount -o loop ./CentOS-7-x86_64-DVD-2009.iso ./iso #前面镜像所在目录，后面所挂载得目录#检查 [rootlocalhost mnt]# df -h…...

编程日记 2026/4/6 1:01:52

Thread类以及常见方法

Thread类是JVM用来管理线程的一个类，每个线程都有一个唯一的Thread对象与之关联。多一个线程，就多一条执行流，每个执行流也要一个对象来描述，而Thread类的对象就是用来描述一个线程的执行流，JVM 会将这些 Thread 对象…...

编程日记 2026/4/23 11:53:11