Django 图片上传、存储与显示

参考博客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)  这句话是用来指定和映射静态文件的路径

 

完成之后就可以发布了。

posted @ 2017-03-12 14:39 ShapeOfVoice 阅读(...) 评论(...) 编辑 收藏