Django上传并显示图片
非常详细的教程,教大家一步步用django上传与显示图片。用例子学习是一个不错的方法,下面我用一个非常简单的例子为大家讲解django中图片的上传与显示。
1. 创建名称为‘a’的项目
2.在项目‘a’中创建名为‘b’的app
3.把b加入到settings.py中的INSTALLED_APPS中
4.在文件夹b下,编辑models.py,创建IMG类
5.更新数据库
6.在文件夹b下,编辑views.py,创建图片上传与显示函数
7.在a文件夹下,编辑urls.py文件
8.编辑a文件夹下的setting.py文件,添加如下代码:
9.在b文件夹下创建templates文件夹,再在templates文件夹下创建b文件夹,再在新创建的b文件夹下创建uploadimg.html文件,内容如下:
10.在uploadimg.html同目录下创建showimg.html文件
11.运行django程序
12.上传图片
打开浏览器,输入地址:http://127.0.0.1:8000/upload,进入图片上传页面,点击“浏览”,选择要上传的图片,“上传”之。因为页面设计的比较简单,所以大家上传图片后,在本页面看不到任何变化,但确实已经上传了;
13.显示上传的图片
在浏览器中输入:http://127.0.0.1:8000/show,就会看到我们已经上传的图片。
浚心时尚购物商城程序
时尚购物程序v1.01、全立体设计。此系统由3个Flash动画为主线(正式版带原文件),设计更形象,网站更有吸引力。这种设计在网店系统内绝无仅有,使您的网店与众不同。2、内置音乐播放器,简单灵活的操作即可完成设置,前台任意调用。并带详细说明文件,一看就懂。合理使用此功能,可使网站更富渲染力。3、支持多图显示,每件产品最多可以上传9张图片。4、后台功能强大,销售管理,财务管理,在线支付平台管理等功能
下载
PS:以上步骤仅仅是非常简单的图片上传与显示,更多复杂的图片上传显示问题,大家可以在次基础上修改。
1
$django-admin startproject a
1
2
$cd a
$python manage.py startapp b
1
2
3
4
5
6
7
8
9
INSTALLED_APPS = (
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'b',
)
1
2
3
4
5
from __future__ import unicode_literals
from django.db import models
1
2
3
4
5
6
Django 1.7及以上的版本需要用以下命令
python manage.py makemigrations
python manage.py migrate
Django 1.7以下用以下命令
python manage.py syncdb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
from django.shortcuts import render
from b.models import IMG
1
2
3
4
5
6
7
8
9
10
11
12
from django.conf.urls import url
from django.contrib import admin
from b import views
from django.conf.urls.static import static
from django.conf import settings
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^upload', 'b.views.uploadImg'),
url(r'^show', 'b.views.showImg'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
1
2
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')
1
2
3
4
5
<form method="POST" enctype="multipart/form-data">
{% csrf_token %}
<input type="file" name="img">
<button type="submit">上传button>
form>
1
2
3
{% for img in imgs %}
<img src='{{ img.img.url }}' />
{% endfor %}
1
$python manage.py runserver