18

我是 django 的新手，我一直在玩上传图片然后显示它们。...很好地展示它们。

每当我尝试从模板显示图像时，我都会得到损坏的图像链接图标。

我正在使用 sqlite3 服务器

设置.py 

ROOT_DIR = os.path.dirname(os.path.dirname(__file__))
def location(f):
    return os.path.join(ROOT_DIR, f)
MEDIA_URL = 'http://127.0.0.1:8000/media/'
MEDIA_ROOT = location('media/')

模型.py

class Image(models.Model):
    image = models.ImageField(upload_to = 'images/')

视图.py

from imageupload.settings import MEDIA_ROOT, MEDIA_URL

def main(request):
    imgs = Image.objects.all()
    return render_to_response('index.html', {'images': imgs, 'media_root': MEDIA_ROOT, 'media_url': MEDIA_URL})

网址.py

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

现在我刚刚使用管理员上传图片。这似乎工作正常，他们去我期望的地方

但是当我尝试显示它们时：
模板

<!DOCTYPE html>
<html>
    <img src="<correct path to project>/media/images/photo_1.JPG" />

    {% for img in images %}
    <img src="{{ media_root }}{{ img.image.name }}" />
    <img src="{{ media_url }}{{ img.image.name }}" />
    <img src="{{ img.image.url }}" />
    {% endfor %}
</html>

我得到每个破碎的图标。
浏览器源代码向我展示了：

<!DOCTYPE html>
<html>
    <img src="<correct path to project>/media/images/photo_1.JPG" />    
    <img src="<correct path to project>/media/images/photo_1.JPG" />    
    <img src="http://127.0.0.1:8000/media/images/photo_1.JPG" />
    <img src="http://127.0.0.1:8000/media/images/photo_1.JPG" />
</html>

有道理，我只上传了一张照片。
如果我复制其中一个硬链接并将其放入其他一些 html 文件中......它可以工作

4

4 回答 4

36

哦，FFS....

显然是

MEDIA_URL = '/media/'

不是

MEDIA_URL = 'http://127.0.0.1:8000/media/'

...尽管#'http://127.0.0.1:8000/media/'写在它旁边

工作 img 链接如下所示：

<img src="/media/images/photo_1.JPG" />

你肯定需要：

static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

在 url 文件中也

于 2012-05-28T05:57:13.160 回答
8

对我来说，我做了以下两件事：

在settings.py中定义媒体 url

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

然后在项目的urls.py中，为开发和生产目的定义服务 url：

from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static
from django.contrib.staticfiles.urls import staticfiles_urlpatterns

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('django_app.urls')),
]
# Serving the media files in development mode
if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
else:
    urlpatterns += staticfiles_urlpatterns()

然后您可以像这样引用模板中媒体文件夹中的图像：

<img src="media/path_to_image" />

Note: Don't forget to set the DEBUG flag to False in the settings.py for production.

于 2019-12-10T05:50:43.073 回答
3

如果您正在开发环境中寻找显示图像，请尝试以下操作：

设置.py

SITE_ROOT = os.path.realpath(os.path.dirname(__file__))
MEDIA_ROOT = os.path.join(SITE_ROOT, 'static')
MEDIA_URL = '/static/'
STATIC_ROOT = os.path.join(SITE_ROOT, 'statics')
STATIC_URL = '/statics/'

网址.py

# somebody import this from settings
SITE_ROOT = os.path.realpath(os.path.dirname(__file__))  
urlpatterns += patterns('', 
    url(r'^static/(?P<path>.*)$','django.views.static.serve',
        {'document_root': os.path.join(SITE_ROOT, 'static')})
)

html 查看文件 *.html:

<img src="{{ MEDIA_URL }}img/content_top_edit_form.png">

这意味着我们在静态文件夹中有一个img文件夹。在您的情况下，您可以通过

如果你看到你的浏览器 html 必须是这样的：

<img src="/static/img/content_top_edit_form.png">
于 2012-05-27T21:23:06.360 回答
0

in the template use {{img.image.name.url}}

于 2021-09-09T23:09:09.473 回答