我的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
其他对象工作正常..只有图片没有加载
答案 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%} 路径
然后