在 Django 模板中检索用户上传的图像

Question

I understand there are multiple (if not 100s) of questions pertaining to my issue. After trying all, I am here finally to ask. I am able to upload the image and the image path in the model. Example of an image field from model:

<ImageFieldFile: static/image1_FzGpiKx.jpeg>

My static folder is right where the project and app folders are. In similar hierarchy. I have the following settings in my settings.py file:

MEDIA_ROOT = '/static/'
MEDIA_URL = '/'

In my app level urls.py, here is what I have for rendering these images:

if settings.DEBUG:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

After all this settings, my template shows the following as img src:

/static/image1_FzGpiKx.jpeg

Here is how I render in template:

<img src={{article.image.url}} />

Yet it just renders the typical broken image icon. Can someone help me here? Thank you!

Answer 1

MEDIA_ROOT = os.path.join(BASE_DIR, 'static')
MEDIA_URL = '/static/'

use this in your settings file, and upload a new image and then check it