Rendering DataBase Image File

[yingi keme]

Hello

Ok i have a simple model that has an ImageField to store image files

class Product(models.Model):

    category = models.ForeignKey('CatalogCategory',

    related_name='products')

    name = models.CharField(max_length=300)

    photo = models.ImageField(upload_to='Home/static/Home/img',

    blank=True)

    price_in_dollars = models.DecimalField(max_digits=6,

    decimal_places=2)

The images are uploaded to static img folder.

How do you render the image in your template?

My Template file looks like this

<h1>{{ object.name }}</h1>

<p>{{ object.description }}</p>

    <br>

    {{ object.photo }}

<p>Price: ${{ object.price_in_dollars }}</p>

But the image file doesnt display {{object,photo}} , only the other items get to show.

How do you render ImageField in your templates?

[Antonis Christofides]

Hi,

You need to put this in your template:

<img src="{{ object.photo.url }}">

You must make sure that settings MEDIA_ROOT and MEDIA_URL are set correctly.

Regards,

Antonis

Antonis Christofides
http://djangodeployment.com

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To post to this group, send email to django...@googlegroups.com.
Visit this group at https://groups.google.com/group/django-users.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/71d39500-4e57-4220-bdd0-dd2900b7e499%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[yingi keme]

Okk. I will like to know how to set the MEDIA_ROOT and MEDIA_URL.?

And then, my images are uploaded to a directory named 'img' inside my static files directory. Does it affect how you set the MEDIA_ROOT and MEDIA_URL?

Yingi Kem

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/ebced5a4-1274-f268-3b67-02ea5f82d2ae%40djangodeployment.com.

[James Schneider]

On Sep 24, 2017 11:55 AM, "yingi keme" <ying...@gmail.com> wrote:

Okk. I will like to know how to set the MEDIA_ROOT and MEDIA_URL.?

And then, my images are uploaded to a directory named 'img' inside my static files directory. Does it affect how you set the MEDIA_ROOT and MEDIA_URL?

Yes. The location you've chosen for these images is likely incorrect, or at the very least, impractical.

By default, an image file associated with a models.ImageField is stored in MEDIA_ROOT/<image_name> and not in your STATIC directory. 

The files within your STATIC directory should not change in production, and ideally should be served by your web server directly and not through Django. STATIC is for the files needed for the site structure such as CSS, JavaScript, logo images, etc. End-user files should not be placed there.

MEDIA_ROOT should be set to a location that can be written to by the web server that is not in any of your STATIC locations (Django will complain if it is). This value is an absolute path in the server file system.

MEDIA_URL should be set to whatever URL path prefix should be used to trigger the web server to provide a file. This value is something that will prefix the path to the file in the URL used by the browser. 

In you case, using a MEDIA_URL value of '/media/', an image URL might look like http://example.com/media/img/my_image.jpg. The web server would then map that request to download /<MEDIA_ROOT>/img/my_image.jpg.

See these links:

https://docs.djangoproject.com/en/1.11/ref/settings/#media-root

https://docs.djangoproject.com/en/1.11/ref/settings/#media-url

So, nobody can really "tell" you what they should be set to since it tends to be environment specific. 

-James