Django上传和加载文件

此文章以上传/加载图片为例进行说明如何在DJango中上传和加载文件。

1.安装插件Pillow

Pillow是一个专门处理图片的插件

pip install Pillow

2.添加media目录

上传的图片或文件都属于外部资源，保存这类资源，通常的做法是建一个名为media的文件夹，用来存储外部上传的资源。

14.png

3.model中添加存储图片路径的属性

要存储一个文件，实质是把文件的路径存储在数据库中，通过访问路径，加载文件信息。DJango中存储图片用ImageFiled数据类型，图片路径存储格式：目录/图片名称。通过参数upload_to指定目录，此目录不需要提前建立，在迁移数据库时会自动在media目录下创建对应的文件夹。
实例：

i_image = models.ImageField(upload_to='upload', null=True)

image.png

图片存储在数据库中的路径如下：upload/图片名称

2.png

4.迁移数据库

python manage.py makemigrations
python manage.py migrate

5.页面上传图片

在html中，上传文件用file类型

上传图片.png

页面效果如下：

页面效果.png

6.获取页面数据，存入数据库

知识点：

a.request.FILES.get()

获取图片信息，用request的FILES方法

StudentInfo.objects.create(
    i_addr=request.POST.get('addr'),
    s_id=request.POST.get('stu_id'),
    # 获取图片用FILES
    i_image=request.FILES.get('image')
)

7.页面加载图片

注意：img的路径不是直接获取的数据库中图片的路径，而是需要在数据库路径前面加上/media/，这是因为模型中设置的路径是从media目录下开始，所以在加载图片时需要在前面加上media目录。

<img src="/media/{{ i.studentinfo.i_image }}"  width="100px" height="100px">

8.在setting.py文件中完成路径配置

配置上传文件路径，upload中没有存放文件的主目录media，所以需要配置MEDIA_URL和MEDIA_ROOT，这样在上传文件时，程序才知道保存在具体的路径。

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

9.配置主目录的urls.py文件

通过如下配置，把MEDIA配置成静态文件。

from django.contrib.staticfiles.urls import static

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)