图像没有加载Django网站

时间:2017-06-27 18:22:44

标签: django django-templates django-staticfiles

我的django网站上的图片由于某种原因未加载

这是我的 models.py

thumbnail = models.ImageField(upload_to='images/',blank=True)

这是我的 settings.py

STATIC_URL = '/static/'
MEDIA_URL = '/media/'
if DEBUG:
     STATIC_ROOT = os.path.join(BASE_DIR, 'static/static-only')
     MEDIA_ROOT = os.path.join(BASE_DIR, 'static/media')
     STATICFILES_DIRS = (
     os.path.join(BASE_DIR, 'static/static'),
     )

这是我的 views.py

class BlogIndex(generic.ListView):
    queryset = models.Entry.objects.published()
    template_name = "index.html"
    paginate_by = 5

url.py

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

index.html 我做了这个

<img class="img-rounded" src = "{{object.thumbnail.url}}"/>

pip冻结

Django==1.11.2
django-ckeditor==5.2.2
django-crispy-forms==1.6.1
django-markdown==0.8.4
django-pagedown==0.1.3
Markdown==2.6.8
olefile==0.44
Pillow==4.1.1

图像将保存在static / media / images目录中 但是图片没有加载到网页中......

当我尝试右键单击并查看图像时显示此错误SCREEN SHOT

其他对象工作正常..只有图片没有加载

5 个答案:

答案 0 :(得分:0)

您需要src中的媒体网址:

<img class="img-rounded" src = "{{object.thumbnail.url}}"/>

应该是:

<img class="img-rounded" src = "{{MEDIA_URL}}{{object.thumbnail.url}}"/>

或类似的东西

<img class="img-rounded" src = "/static/media/uploads/{{object.thumbnail.url}}"/>

答案 1 :(得分:0)

问题已解决,(得到了facebook小组的帮助)

问题是views.py中的url模式 我放的屏幕截图有一行

提出者:blog.views.Blogdetail

显然我有一个urlpattern

    url(r'^(?P<slug>\S+)/$', views.BlogDetail.as_view(), name='entry_detail'),

我的博客详情视图模式匹配\ S + - 所以任何字符串都没有空格 这将匹配以前没有匹配的任何模式,并且不会访问低于此特定网址的任何其他网址模式

将网址格式更改为以下内容,我很高兴

url(r'^(?P<slug>[-\w]+)/$', views.BlogDetail.as_view(),name='entry_detail'),

答案 2 :(得分:0)

settings.py:

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

在此模型中,您可以看到覆盖存在的IMG,将img作为基本字符串返回:

models.py

from django.db import models
from django.core.files.storage import FileSystemStorage
from base64 import b64encode, b64decode

class OverwriteStorage(FileSystemStorage):

    def get_available_name(self, name, max_length=700):
        if self.exists(name):
            os.remove(os.path.join(settings.MEDIA_ROOT, name))
        return name

def upload_location(instance, filename):
    return os.path.join('defaultfolder', instance.phone, filename)


class ImgModel(models.Model):
    name= models.CharField(max_length=100)
    img = models.FileField(storage=OverwriteStorage(),
           upload_to=phone_upload_location,
           null=True,
           blank=True,
           max_length=700)

    def image_to_base64(self, model_picture_path):
        if model_picture_path:
            try:
                with open(model_picture_path.path, "rb") as imageFile:
                    str = b64encode(imageFile.read())
                return "data:image/jpg;base64,%s" % str.decode()

            except IOError:
                return model_picture_path.url
        else:
            return None

html的

<img src="{{ MEDIA_URL }}foo.jpg">

答案 3 :(得分:0)

我遇到了这个问题,我尝试了很多事情,但是由于加载失败,所以我尝试了一个简单的技巧,但这确实起到了作用。我所做的是,在我的settings.py文件中,在BASE_DIR之后添加了STATIC_DIR变量。以下是我的settings.py文件

Settings.py

#Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
TEMPLATE_DIR=os.path.join(BASE_DIR,'templates')
STATIC_DIR=os.path.join(BASE_DIR,"static")

#Other content

STATIC_URL = '/static/'
STATICFILES_DIRS=(
    STATIC_DIR,
)

检查一下,这可能会有所帮助!

答案 4 :(得分:0)

如何修复图片,答案是

index.html上方的内容 {%static'travello / images /'为baseUrl%} 路径

然后