通用视图(Generic View)实现图片的上传与显示

models.py

from django.db import models
from datetime import date
from django.urls import reverse
import os
import uuid


# 自定义动态上传路径和文件名
def path_and_rename(instance,filename):
    upload_to = 'mypicture'
    ext = filename.split('.')[-1]
    filename = '{}.{}'.format(uuid.uuid4().hex[:10],ext)
    return os.path.join(upload_to,filename)


class Picture(models.Model):
    title = models.CharField('标题',max_length=100,blank=True,default='')
    image = models.ImageField('图片',upload_to=path_and_rename,blank=True)
    date = models.DateField(default=date.today)

    def __str__(self):
        return self.title

    def get_absolute_url(self):
        return reverse('pic:pic_detail',args=[str(self.pk)])

    # Django自带通用视图在完成对象编辑或创建后需要一个返回页面,
    # 所以必需在模型里定义一个返回链接get_absolute_url。

项目urls.py

from django.contrib import admin
from django.urls import path,include

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('pic/',include('pic_upload.urls',namespace='pic')),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

应用urls.py

from django.urls import path
from . import views

app_name = 'pic'
urlpatterns = [
    path('',views.PicList.as_view(),name='pic_list'),
    path('pic_upload/',views.PicUpload.as_view(),name='pic_upload'),
    path('pic_detail/<int:pk>/',views.PicDetail.as_view(),name='pic_detail'),
]

# DetailView 需要URL提供访问某个对象的具体参数(如pk, slug值)

views.py

from django.views.generic.list import ListView
from django.views.generic.detail import DetailView
from django.views.generic.edit import CreateView
from .models import Picture

class PicList(ListView):
    model = Picture
    context_object_name = 'latest_picture_list'
    template_name = 'pic_upload/picture_list.html'

class PicDetail(DetailView):
    model = Picture
    context_object_name = 'picture'
    template_name = 'pic_upload/picture_detail.html'

class PicUpload(CreateView):
    model = Picture
    fields = ['title', 'image']
    context_object_name = 'form'
    template_name = 'pic_upload/picture_form.html'

picture_list.html

<h3>图片列表</h3>

<ul>
{% if latest_picture_list %}
    {% for picture in latest_picture_list%}
    <li><a href="{% url 'pic:pic_detail' picture.id %}">{{picture.title}}</a>-{{picture.date | date:'Y-m-j'}}</li>
    {% endfor %}
{% else %}
    <li>还没有上传新的图片</li>
{% endif %}
</ul>

<p><a href="{% url 'pic:pic_upload' %}">上传新图片</a></p>

picture_detail.html

<h3>{{picture.title}}</h3>

{% if picture.image %}
<p><img src="{{picture.image.url}}"></p>
{% endif %}

<p>上传日期:{{picture.date | date:'Y-m-j'}}</p>
<p><a href="{% url 'pic:pic_list'%}">查看所有图片</a> |
    <a href="{% url 'pic:pic_upload'%}">上传新图片</a></p>

picture_form.html

<h3>上传图片</h3>

<form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}
    <input type="submit" value="确定">
</form>

注意点

三个通用视图的导入方法

from django.views.generic.list import ListView
from django.views.generic.detail import DetailView
from django.views.generic.edit import CreateView

date过滤器

{{ picture.date | date:'Y-m-j' }}

Y: 年,4位数,如 '2018'
m:月,2位数字带前导零,'01'到'12'
j:日,没有前导零,'1'到'31'
d:日,带有前导零,'01'到'31'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352

推荐阅读更多精彩内容