[Django]랜덤의 이미지 생성(로렘픽숨)

로렘픽숨

 

 

 

이미지 필드가 있으나, 업로드 돼있는 이미지가 없는 경우, 랜덤의 이미지를 생성하여 이하 에러를 방지

The 'cover_image' attribute has no file associated with it.

 

 

 

 

01. 로렘픽숨 사이트에서 URI를 복사, 사진 사이즈는 URI끝부분의 숫자로 조정

 

https://picsum.photos/

Lorem Picsum

 

 

 

02. Django 템플릿에 삽입

best_seller.html

{% extends "_base_book.html" %}

{% block head-content %}

{% endblock %}

{% block body-content %}

    <div class="content-header">

        <div class="content-header-text">베스트셀러</div>

    </div>

    <div class="content-content">

        {% for book in page_obj %}

            {% if book.cover_image %}

                <a href="{% url 'book:detail' pk=book.pk %}"><img src ="{{ book.cover_image.url }}" alt="표지정보가 없습니다" width="195px" height="345px"/></a>

            {% else %}

                <img src="https://picsum.photos/seed/picsum/195/345" alt="기본 이미지">

            {% endif %}            

            책제목

            지은이/출판사

            <br/>

        {% endfor %}

        <!-- 페이징 -->

        {% include 'book/_paging.html' %}

    </div>

{% endblock %}