找不到 Django 图像源

Question

\project_structure
-app
\project
  -settings.py
  -...
\picture
  -panda.jpg

我已经把图片上传到picture。

class Goods(models.Model):
    pic = models.ImageField(upload_to='picture')

而database中的数据是picture/panda.jpg

现在，我如何在 html 中显示它？

我是用 html 写的：

<p>{{each.pic}}</p>
<img src='{{ each.pic.url }}' />

浏览器中的源代码是这样的：

picture/panda.jpg
<img src='picture/panda.jpg' />

图片已链接到 http://localhost:8000/my_sell/picture/panda.jpg。无法显示。

我该如何解决这个问题，我试过在settings.py 中添加media_root 并没用。

Answer 1

我没有检查这个，但几乎所有代码都取自我的工作项目:)。

settings.py:

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

models:

from django.core.files.storage import FileSystemStorage
from django.conf import settings


image_storage = FileSystemStorage(
    # Physical file location ROOT
    location=u'{0}/my_sell/'.format(settings.MEDIA_ROOT),
    # Url for file
    base_url=u'{0}my_sell/'.format(settings.MEDIA_URL),
)


def image_directory_path(instance, filename):
    # file will be uploaded to MEDIA_ROOT/my_sell/picture/<filename>
    return u'picture/{0}'.format(filename)


class Goods(models.Model):
    pic = models.ImageField(upload_to=image_directory_path, storage=image_storage)

views:

from django.shortcuts import render

def view_picture(request):
    c = dict()
    c['goods'] = Goods.objects.all()
    return render(request, 'template.html', c)

templates:

{% for product in goods %} 
    {% if product.pic %}    
        <img src="{{ product.pic.url }}">
    {% endif %}
{% endfor %}

已编辑：不要忘记将 MEDIA_URL 添加到 root urls.py

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