django 템플릿에 저장된 동적 생성 이미지를 표시하는 방법은 무엇입니까?

앤 슈만 차크라 바티

뷰에서 플롯을 생성하고 템플릿 폴더에 플롯을 png로 저장했습니다. 그러나 <img>템플릿 html 파일 태그를 사용하여이 저장된 이미지를 표시하려고 하면 이미지가 표시되지 않습니다. 다음은 내 폴더 구조의 이미지입니다. 폴더 구조

이것은 뷰 안에 내 플롯을 저장하는 방법입니다.

def result(request):
    if request.POST and request.FILES:
        mycsv=pd.read_csv(request.FILES['csv_file'])
        c=mycsv.X
        #We divide by the class height(basically) so that Xi+1-Xi=1
        x = [d / 5 for d in c]
        n=len(x)
        b=mycsv.Y
        divi=np.sum(b)
        f = [e / divi for e in b] 
        #Thus sum(f)=1, makes calculation of mean simpler

        #PLOTTING BEGINS
        fig = plt.figure()
        ax = plt.subplot(111)
        ax.plot(x, f)
        plt.title('Pearson Type 1 ')
        ax.legend()
        #plt.show()
        fig.savefig('polls/templates/polls/plot.png')
        context = {'n':n,}
        return render(request, 'polls/result.html', context)
    else:
        return HttpResponse("Form Not Submitted")

이미지를 얻으려는 내 result.html 파일은 다음과 같습니다.

<h1>Graph with {{n}} points</h1>
<img src='./plot.png' />

내 로컬 호스트에서 실행하고 있는데 권한에 문제가 있습니까?

나는 방금 django를 배우기 시작했고 이것을 테스트하고 싶었습니다. 도와 주셔서 감사합니다!

fixmycode

귀하의 접근 방식에 대해 잘못된 점이 많이 있지만 재검토하고 싶을 수도 있지만 진행 방법에 대한 몇 가지 조언을 드릴 것입니다.

우선 파일을 templates 디렉토리에 저장하면 템플릿에서 사용할 수 없습니다 . templates 디렉토리는 Django의 템플릿 로더를 사용할 수있는 특수 구성이며 이미지와 같은 정적 파일을로드하지 않습니다.

이미지를 정적 파일에 저장하고 {% static %}템플릿 태그를 사용하여 복구 할 수 있지만 이미지가 정적 콘텐츠가 아니기 때문에 동적으로 생성 되므로 잘못된 접근 방식 입니다.

이미지를 만든 후 이미지의 데이터를 사용할 수 없으므로 TempFile을 사용하여 임시 파일에 이미지를 저장 하거나 (충분한 경우) StringIO를 사용하여 메모리에 저장 한 다음 컨텍스트에서 해당 바이트를 다음과 같이로드하는 것이 좋습니다. base64

from StringIO import StringIO
import base64

img_in_memory = StringIO()
fig.savefig(img_in_memory, format="png") #dunno if your library can do that.
context['image'] = base64.b64encode(img_in_memory.getvalue())

그런 다음 템플릿에서 다음과 같은 작업을 수행합니다.

<img src="data:image/png;base64,{{image}}" />

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

QWebView에서 동적으로 생성 된 이미지를 표시하는 방법은 무엇입니까?

분류에서Dev

Django 템플릿에서 저장된 데이터베이스 이미지를 참조하는 방법은 무엇입니까?

분류에서Dev

qrcode, Django에서 생성 한 이미지를 저장하는 방법은 무엇입니까?

분류에서Dev

업로드 된 django ImageField를 django / mezzanine 템플릿에 표시하는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 div 안에 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

템플릿에서 참으로 선택된 Django BooleanFields를 표시하는 방법은 무엇입니까?

분류에서Dev

Helm 차트 용 템플릿에서 생성 된 yaml을 저장하는 방법은 무엇입니까?

분류에서Dev

AngularJS에서 생성 된 템플릿 내부에 정적 HTML을 추가하는 방법은 무엇입니까?

분류에서Dev

WordPress WPGlobus : 템플릿 파일에서 지역화 된 URL을 생성하는 방법은 무엇입니까?

분류에서Dev

그리드 뷰 템플릿 아이템 데이터를 DB에 저장하고 워드 문서를 생성하는 방법은 무엇입니까?

분류에서Dev

Nodejs에서 동적으로 생성 된 HTML에서 이미지를 생성하는 방법은 무엇입니까?

분류에서Dev

템플릿 유형에서 정적 멤버 초기화를 적용하는 방법은 무엇입니까? 또는 템플릿 유형에서 파생 된 모든 클래스의 수를 얻는 방법은 무엇입니까?

분류에서Dev

Swift의 CoreData 모델에서 동적으로 생성 된 UISwitch의 변경된 상태를 저장하는 방법은 무엇입니까?

분류에서Dev

API 생성시 Django 관리자에서 변경된 값을 저장하는 방법은 무엇입니까?

분류에서Dev

이 Django HTML 템플릿을 더 효율적으로 작성하는 방법은 무엇입니까?

분류에서Dev

Django에서 동적 데이터로 템플릿을 저장하는 방법

분류에서Dev

Jquery를 사용하여 동적으로 생성 된 테이블 데이터에 더 많은 옵션을 표시하는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 html 테이블 안에 4 개의 라디오 버튼을 동적으로 표시하는 방법은 무엇입니까?

분류에서Dev

웹 서버에 업로드 된 이미지를 저장하고 구성하는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 탭과 for 루프로 ggplotly 플롯을 표시하는 방법은 무엇입니까?

분류에서Dev

Java에서 동적으로 생성 된 요소를 다시 호출하는 방법은 무엇입니까?

분류에서Dev

django 클래스 메서드의 데이터를 템플릿에 표시하는 방법은 무엇입니까?

분류에서Dev

동적으로 생성 된 링크를 클릭하여 해당 링크에서 새 동적 페이지를 생성하는 방법은 무엇입니까?

분류에서Dev

Django에서 이러한 기본 템플릿을 결합하는 적절한 방법은 무엇입니까?

분류에서Dev

좌표계에 해당하는 이미지 데이터를 저장하는 시스템을 효율적으로 설계하는 방법은 무엇입니까?

분류에서Dev

QR 생성 이미지를 갤러리 안드로이드에 저장하는 방법은 무엇입니까?

분류에서Dev

동적 C # 이미지를 생성하는 방법은 무엇입니까?

분류에서Dev

Django 모델에 정의 된 템플릿에서 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

Vue.js : Firebase 저장소에서 데이터를 검색 한 후 비동기 적으로 템플릿을로드하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    QWebView에서 동적으로 생성 된 이미지를 표시하는 방법은 무엇입니까?

  2. 2

    Django 템플릿에서 저장된 데이터베이스 이미지를 참조하는 방법은 무엇입니까?

  3. 3

    qrcode, Django에서 생성 한 이미지를 저장하는 방법은 무엇입니까?

  4. 4

    업로드 된 django ImageField를 django / mezzanine 템플릿에 표시하는 방법은 무엇입니까?

  5. 5

    동적으로 생성 된 div 안에 이미지를 추가하는 방법은 무엇입니까?

  6. 6

    템플릿에서 참으로 선택된 Django BooleanFields를 표시하는 방법은 무엇입니까?

  7. 7

    Helm 차트 용 템플릿에서 생성 된 yaml을 저장하는 방법은 무엇입니까?

  8. 8

    AngularJS에서 생성 된 템플릿 내부에 정적 HTML을 추가하는 방법은 무엇입니까?

  9. 9

    WordPress WPGlobus : 템플릿 파일에서 지역화 된 URL을 생성하는 방법은 무엇입니까?

  10. 10

    그리드 뷰 템플릿 아이템 데이터를 DB에 저장하고 워드 문서를 생성하는 방법은 무엇입니까?

  11. 11

    Nodejs에서 동적으로 생성 된 HTML에서 이미지를 생성하는 방법은 무엇입니까?

  12. 12

    템플릿 유형에서 정적 멤버 초기화를 적용하는 방법은 무엇입니까? 또는 템플릿 유형에서 파생 된 모든 클래스의 수를 얻는 방법은 무엇입니까?

  13. 13

    Swift의 CoreData 모델에서 동적으로 생성 된 UISwitch의 변경된 상태를 저장하는 방법은 무엇입니까?

  14. 14

    API 생성시 Django 관리자에서 변경된 값을 저장하는 방법은 무엇입니까?

  15. 15

    이 Django HTML 템플릿을 더 효율적으로 작성하는 방법은 무엇입니까?

  16. 16

    Django에서 동적 데이터로 템플릿을 저장하는 방법

  17. 17

    Jquery를 사용하여 동적으로 생성 된 테이블 데이터에 더 많은 옵션을 표시하는 방법은 무엇입니까?

  18. 18

    동적으로 생성 된 html 테이블 안에 4 개의 라디오 버튼을 동적으로 표시하는 방법은 무엇입니까?

  19. 19

    웹 서버에 업로드 된 이미지를 저장하고 구성하는 방법은 무엇입니까?

  20. 20

    동적으로 생성 된 탭과 for 루프로 ggplotly 플롯을 표시하는 방법은 무엇입니까?

  21. 21

    Java에서 동적으로 생성 된 요소를 다시 호출하는 방법은 무엇입니까?

  22. 22

    django 클래스 메서드의 데이터를 템플릿에 표시하는 방법은 무엇입니까?

  23. 23

    동적으로 생성 된 링크를 클릭하여 해당 링크에서 새 동적 페이지를 생성하는 방법은 무엇입니까?

  24. 24

    Django에서 이러한 기본 템플릿을 결합하는 적절한 방법은 무엇입니까?

  25. 25

    좌표계에 해당하는 이미지 데이터를 저장하는 시스템을 효율적으로 설계하는 방법은 무엇입니까?

  26. 26

    QR 생성 이미지를 갤러리 안드로이드에 저장하는 방법은 무엇입니까?

  27. 27

    동적 C # 이미지를 생성하는 방법은 무엇입니까?

  28. 28

    Django 모델에 정의 된 템플릿에서 함수를 호출하는 방법은 무엇입니까?

  29. 29

    Vue.js : Firebase 저장소에서 데이터를 검색 한 후 비동기 적으로 템플릿을로드하는 방법은 무엇입니까?

뜨겁다태그

보관