django 读取图片到页面实例

1. 简介

Django 是一个高效的 Web 开发框架，可以帮助开发人员快速开发高质量的 Web 应用程序。本文将介绍 Django 如何读取图片并将其展示到页面中。

2. 配置

2.1 安装 Pillow 库

在 Django 中，需要安装一个名为 Pillow 的库来处理图片。在控制台中使用以下命令进行安装：

pip install Pillow

2.2 配置 settings.py

在 settings.py 文件中添加一个名为 MEDIA_ROOT 的选项来指定上传文件的存储路径：

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

接下来，需要在同一文件中添加一个名为 MEDIA_URL 的选项，该选项包含静态文件的 URL：

MEDIA_URL = '/media/'

然后，在项目的 urls.py 文件中添加以下代码，以便在开发服务器上查看上传的文件：

from django.conf import settings

from django.conf.urls.static import static
urlpatterns = [
    # ... 其他 URL 模式
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

3. 上传图片

在 Django 中，使用 FileField 来上传文件。当使用 Django 的模型时，可以通过在模型中添加一个 FileField 来启用文件上传：

from django.db import models

class MyModel(models.Model):
    upload = models.FileField(upload_to='uploads/%Y/%m/%d/')

在这个例子中，上传的文件将被保存在 uploads/年份/月份/日/ 的目录中。日期将从文件上传时间中获取。

4. 在模板中显示图片

要在模板中显示图片，可以在模板中使用 img 标签，其中 src 属性指向上传文件的 URL：

{% load static %}

在这个例子中，图片将从 MyModel 模型中的 upload 字段中获取。

5. 总结

本文介绍了如何使用 Django 读取图片，并将其展示到页面中。要完成这个过程，需要安装 Pillow 库，并在 settings.py 文件中配置 MEDIA_ROOT 和 MEDIA_URL。上传图片时，可以在模型中使用 FileField 字段。要在模板中显示图片，可以在 img 标签中使用 src 属性指向上传文件的 URL。

虽然这篇文章只是介绍了 Django 图片上传和展示的基础知识，但是它们是开发 Web 应用程序时非常重要的部分。对于需要处理大量图片的应用程序，可以使用 Django 的第三方库来处理图片，例如 Django-Thumbnail）。

参考文献：

1. Django documentation. Working with files. https://docs.djangoproject.com/en/stable/topics/files/

2. Django documentation. Serving files uploaded by a user during development. https://docs.djangoproject.com/en/stable/howto/static-files/#serving-files-uploaded-by-a-user-during-development

3. Django-Thumbnail. https://django-thumbnail.readthedocs.io/en/stable/