how can show image in html wih python django?

Question

I save path of image in database like 'Image/upload/imageOne.jpg' and Image folder in static directory then i want to show this image in html with this tag:

<img src="{% static '{{ product.productImagePath }}' %}" alt="{{ product.productName }}" width="800px" height="300px">

but i have error and can not find path and just show alt how can fix it? Thanks for help

Exprator · Accepted Answer · 2017-05-26 15:22:25Z

1

try this

{% load static %}

<img src="{% get_media_prefix %}{{ product.productImagePath }}" alt="{{ product.productName }}" width="800px" height="300px">

answered May 26, 2017 at 15:22

Exprator

27.8k6 gold badges54 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

digode · Accepted Answer · 2017-05-26 14:41:23Z

0

Try without static:

<img src="{{ product.productImagePath }}" alt="{{ product.productName }}" width="800px" height="300px">

answered May 26, 2017 at 14:41

digode

18710 bronze badges

6 Comments

digode Over a year ago

What is in product.productImagePath ? Are you sure it is not empty ?

digode Over a year ago

So what is there ? Try to print it.

Erfan Over a year ago

when i try to print in browser i see 'Image/upload/imageOne.jpg' i am use mongodb and send address of image in dictionary

digode Over a year ago

Ok. So, check if your static folder is correct. What error do you get, when you inspect the element(in the browser console) ?

hansTheFranz Over a year ago

try to add .url at the end: src="{{ product.productImagePath.url }}"

|

AbelSurace · Accepted Answer · 2017-05-26 14:54:55Z

0

assuming your serving your page using apache, make sure the image directory is also located in the 'www' folder other wise it cant be access without changing your httpd config, other servers might auto direct to 'htdocs' folder.

Reading this Djanjo doc might help You:

https://docs.djangoproject.com/en/1.11/howto/deployment/wsgi/modwsgi/#serving-files

edited May 26, 2017 at 14:54

answered May 26, 2017 at 14:45

AbelSurace

2,2731 gold badge14 silver badges16 bronze badges

2 Comments

Erfan Over a year ago

i use local host for design and test website in this project i want to use mongodb database and save path in database but i can not use this path in html page

AbelSurace Over a year ago

@user7456254, you need to configure apache or a webserver to allow this, read this article: docs.djangoproject.com/en/1.11/howto/deployment/wsgi/modwsgi/…

Saranya Sridharan · Accepted Answer · 2017-05-26 17:09:23Z

0

Specify the static folder path correctly in settings.py. run the command python manage.py collectstatic from the location of manage.py . It will copy the static image file from your folder to root static folder. Then when you refresh the page you can see the changes there. Refer in this link to do settings. https://docs.djangoproject.com/en/1.11/howto/static-files/

answered May 26, 2017 at 17:09

Saranya Sridharan

2264 silver badges19 bronze badges

1 Comment

Erfan Over a year ago

thanks for your help but i can use normal method in this project because i use noSQL (mongoDB) and i cant save image in database i can save just path of image in folder and recovery image with this path but i can do this and i have problem

Collectives™ on Stack Overflow

how can show image in html wih python django?

4 Answers 4

Comments

6 Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

6 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related