Django admin 필드 image로 나타내기

2023. 12. 9. 18:44· Django/admin
728x90
from django.utils.html import format_html

def image(self, obj):
    if obj.speaker_image:
        html = f'''
        <a href="/speaker/{obj.id}" target="_blank">
            <img src="{obj.image.url}" alt="image" style="width: 100px; cursor: pointer;" />
        </a>
        '''
        return format_html(html)

 

django admin 페이지 커스텀 중에 썸네일이나 image필드로 보여달라는 요청이 있었습니다.

더 직관적이여서 아마 다른 분들도 사용하시면 좋을 듯 합니다! 글보다 이미지더 훨씬 직관적이니까요 :)

그럴 때 admin class 내에 image 함수를 만들어서 html로 작성해 format_html함수를 사용해서 return 해주는 코드입니다

 

그 뒤 list_display와 같이 필요한 필드에 넣어주면 이미지 필드로 admin 에서 보이게 됩니다!

 

결과 이렇게 admin페이지에 image로 표시됩니다

'Django > admin' 카테고리의 다른 글

Django admin delete action customize  (0) 2024.05.27
django 공통 filter 만드는 방법  (0) 2023.12.09
'Django/admin' 카테고리의 다른 글
  • Django admin delete action customize
  • django 공통 filter 만드는 방법
두잇 두두
두잇 두두
읽기 쉬운 코드를 짜기 위해 노력합니다. 좋은 코드는 단순하고 이해하기 쉬워야 한다고 생각합니다.
두두 DB읽기 쉬운 코드를 짜기 위해 노력합니다. 좋은 코드는 단순하고 이해하기 쉬워야 한다고 생각합니다.
두잇 두두
두두 DB
두잇 두두
전체
오늘
어제
  • 분류 전체보기 (135)
    • CS지식 (7)
    • 시스템 설계 (5)
    • 자료구조&알고리즘 (36)
      • 자료구조 (1)
      • 백준 (13)
      • 프로그래머스 (15)
      • 인프런 (2)
    • Python (9)
      • Docs (3)
      • 실험실 (2)
    • Django (36)
      • orm (10)
      • view (3)
      • model (3)
      • admin (3)
      • restframework (13)
      • error (1)
      • utils (2)
    • Java (2)
      • JPA (3)
    • AI (1)
      • AI가 쓴 글 (1)
    • Git (4)
    • Linux (1)
    • 개발자로써 (8)
      • 회고 (1)
    • 문화생활 (0)
      • 여행 (0)
    • 도서📚 (0)
      • 일반 도서 (0)
      • 개발 도서 (0)
    • 프론트 (1)
      • snippet (1)

블로그 메뉴

  • 홈
  • 방명록

공지사항

인기 글

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
두잇 두두
Django admin 필드 image로 나타내기
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.