Django 图片上传、存储与显示

时间：2021-09-13 19:39:29

参考博客：http://www.cognize.me/2016/05/09/djangopic

开始之前要先安装python图像处理库：
pip install --use-wheel Pillow

一、数据库设置

1. 先创建一个app，比如叫img_db。

命令行：python manage.py startapp img_db

2. 将其加入到settings.py文件中的INSTALLED_APPS中

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'img_db',

    'corsheaders',

]

3. 在models.py中创建表，图片存储使用的是 models.ImageField

例如：

class IMG(models.Model):

    img = models.ImageField(upload_to='img')

    name = models.CharField(max_length=20)

这里的upload_to是指定图片存储的文件夹名称，上传文件之后会自动创建

4. 更新数据库

python manage.py makemigrations
python manage.py migrate

二、修改配置文件setting.py

只需要在最后的静态文件区加上下面两行代码：

MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')     #设置静态文件路径为主目录下的media文件夹

MEDIA_URL = '/media/'                                                 #url映射

三、创建模板

1. 在APP目录下创建文件夹templates

注意：这是django默认的形式，如果想把模板放在其他路径，得自己重新配置。

2. 在templates文件夹下创建文件夹，比如叫img_tem

3. 在img_tem下创建模板

uploadimg.html

<form method="POST" enctype="multipart/form-data">

{% csrf_token %}

<input type="file" name="img">

<button type="submit">上传</button>

</form>

showimg.html

{% for img in imgs %}

<img src="{{ img.img.url }}" />

{% endfor %}

这里img是Django的Model里的一个实例对象，使用img.img.url可以获取他的url，而且在settings.py中已经对其做了静态映射

四、创建视图函数 view.py

@csrf_exempt

def uploadImg(request):

    if request.method == 'POST':

        new_img = IMG(

            img=request.FILES.get('img'),

            name = request.FILES.get('img').name

        )

        new_img.save()

    return render(request, 'img_tem/uploadimg.html')

首先用get方式访问uploadImg()，然后会跳转到uploadimg.html页面，上传文件时会使用post再次访问uploadImg()，这时就会将图片存储在数据库与media/img_tem中。

@csrf_exempt

def showImg(request):

    imgs = IMG.objects.all()

    content = {

        'imgs':imgs,

    }

    for i in imgs:

        print i.img.url

    return render(request, 'img_tem/showimg.html', content

五、url.py配置

from django.conf.urls import url

from django.contrib import admin

import view

from django.conf.urls.static import static

from django.conf import settings

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^upload', view.uploadImg),

    url(r'^show', view.showImg),

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

static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)  这句话是用来指定和映射静态文件的路径

完成之后就可以发布了。

相关文章