Django 创建查看图像上传

作者:编程家 分类: django 时间:2025-07-29

使用Django创建一个图像上传的功能非常简单。通过这个功能,我们可以让用户上传自己的图像并在网页上查看。本文将向你介绍如何使用Django框架来实现这个功能,并提供一个简单的案例代码作为参考。

创建Django项目

首先,我们需要创建一个Django项目。打开命令行,进入你想要创建项目的目录,然后使用以下命令来创建一个新的Django项目:

django-admin startproject image_upload

这个命令将会在当前目录下创建一个名为image_upload的Django项目。

创建Django应用

接下来,我们需要创建一个Django应用。在命令行中进入项目所在的目录,然后运行以下命令:

cd image_upload

python manage.py startapp image_viewer

这个命令将会在项目目录下创建一个名为image_viewer的Django应用。

配置URL路由

在Django项目的根目录下,有一个名为urls.py的文件。打开这个文件,在其中添加以下代码:

python

from django.urls import path

from image_viewer.views import upload_image, view_image

urlpatterns = [

path('upload/', upload_image, name='upload_image'),

path('view/', view_image, name='view_image'),

]

这段代码定义了两个URL路由,一个用于上传图像,另一个用于查看图像。

创建视图函数

在image_viewer应用的目录下,有一个名为views.py的文件。打开这个文件,然后添加以下代码:

python

from django.shortcuts import render

def upload_image(request):

if request.method == 'POST':

image = request.FILES['image']

# 在这里处理图像上传的逻辑

return render(request, 'image_viewer/upload.html')

return render(request, 'image_viewer/upload.html')

def view_image(request):

# 在这里处理图像查看的逻辑

return render(request, 'image_viewer/view.html')

这段代码定义了两个视图函数,一个用于处理图像上传的逻辑,另一个用于处理图像查看的逻辑。在这里,我们只是简单地返回了一个HTML模板。

创建HTML模板

在image_viewer应用的目录下,创建一个名为templates的文件夹。在templates文件夹中,创建一个名为image_viewer的文件夹。在image_viewer文件夹中,创建两个HTML模板文件,分别命名为upload.html和view.html。

在upload.html中,添加以下代码:

html

上传图像

{% csrf_token %}

在view.html中,添加以下代码:

html

查看图像

以上就是创建一个图像上传的功能所需要的所有代码。接下来,你可以运行Django开发服务器来测试这个功能。在命令行中进入项目目录,然后运行以下命令:

python manage.py runserver

在浏览器中访问http://localhost:8000/upload/,你将会看到一个上传图像的页面。选择一个图像文件并点击上传按钮,然后你将会被重定向到http://localhost:8000/view/,并在页面上看到上传的图像。

通过本文,我们学习了如何使用Django框架创建一个图像上传的功能。我们创建了一个Django项目和一个Django应用,并配置了URL路由和视图函数。最后,我们创建了两个HTML模板来展示上传图像和查看图像的页面。你可以根据这个案例代码来扩展和定制自己的图像上传功能。