python - django:上传的图片不会显示
问题描述
即使我没有收到任何错误,我上传的图片也无法显示: 相反,它看起来像这样
这是我的设置和代码:
设置.py:
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR),"static_cdn")
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(os.path.dirname(BASE_DIR),"media")
楷模:
class Post (models.Model):
title = models.CharField(max_length=200)
content = models.TextField()
updated = models.DateTimeField(auto_now=True, auto_now_add=False)
timestamp = models.DateTimeField(auto_now=False, auto_now_add=True)
cover = models.ImageField(null=True, blank=True, upload_to='media/')
网址:
if settings.DEBUG:
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
意见:
def posts_create (request):
form = PostForm(request.POST or None, request.FILES or None)
if form.is_valid():
instance = form.save(commit=False)
instance.save()
messages.success(request, "Successfully created")
return HttpResponseRedirect(instance.get_absolute_url())
context = {'form': form}
return render(request, 'post_form.html', context)
模板:
{% extends "base.html" %}
{% block title %} {{object.title}} | {{block.super}}{% endblock title%}
{% block content %}
<div class="center" style=" display: table; margin-right: auto; margin-left: auto;">
{% if object.cover %}
<img src="{{object.cover.url}}" class="img-responsive"/>
{% endif %}
<h1>{{title}} <small style="font-size: small"> {{object.timestamp}}</small> </h1>
{{object.content | linebreaks}}<br>
<div/>
{% endblock content%}
解决方案
我在帖子/网址中拥有静态和媒体文件的网址,而不是主网址文件,一旦我重新定位它们,问题就消失了。
推荐阅读
- amazon-s3 - 减少 Allure 报告中生成的要上传到 s3 的 json 文件的数量
- python - 来自 selenium 的 Chrome 不会同步
- c# - 控制器抛出我无法捕获的错误(MVC5、C#、EF6)
- laravel - Laravel 的 JWT 身份验证
- ignite - hibernate-ogm apache ignite 不起作用
- r - 如何在 R 中声明变量,以便可以在图表中使用它们进行不同的观察?
- testing - VSTest 任务不执行为 Platform x64 构建的测试 dll
- amazon-web-services - Terraform Fargate 任务定义请求执行角色
- windows - pgAdmin 4 v3 自动缩进不起作用
- xcode9 - Hopper 从 Xcode 中反汇编 UIKit.framework