我有一个 Django 博客应用程序,其中在发布博客时,也可以附加和提交文件。
这是views.py代码:
def user_own_blog(request):
if request.method == 'POST' and request.FILES['blog_document']:
title_b = request.POST.get('blog_title')
content_b = request.POST.get('blog_content')
file1 = request.FILES['blog_document']
fs = FileSystemStorage()
document_name = fs.save(file1.name, file1)
uploaded_document_url = fs.url(document_name)
b = Blog(title=title_b, content=content_b, blog_document=uploaded_document_url)
b.save()
return render(request, 'mysite/portfolio.html')
else:
return render(request, 'mysite/blog.html')
这是 MEDIA_ROOT 和 MEDIA_URL 路径名:
STATIC_URL = '/static/'
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
以下是 mysite 应用程序中 urls.py 的代码:
urlpatterns=[ .....
......
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
这是项目结构,其中我需要媒体文件夹直接存在于 Assignment1 项目下
当文件成功上传时,它在 /api 中显示如下。
但是创建了两个媒体路径:/media/media,如下所示:我找不到我可能创建的重复字段。
并单击文件链接:发生 404 not found 错误。我认为 MEDIA_ROOT 文件名不正确。
blog.html 的 HTML 代码:
{% extends 'mysite/base.html' %}
{% load static %}
{% block content %}
<div class="container">
<div class="row">
<div class="col-sm-6 mx-auto" style="margin-top: 70px">
<form action="{% url 'user_own_blog' %}" method="POST" enctype="multipart/form-data">
{% csrf_token %}
<div class="form-group row">
<label for="example-email-input" class="col-2 col-form-label">Title</label>
<div class="col-10">
<input name = "blog_title" class="form-control" type="text">
</div>
</div>
<div class="form-group row">
<label for="example-email-input" class="col-2 col-form-label">Content</label>
<div class="col-10">
<textarea name = "blog_content" class="form-control" rows = "5" cols = "50" type="text"> </textarea>
</div>
</div>
<div class="form-group row">
<label for="example-email-input" class="col-2 col-form-label">Upload File</label>
<div class="col-10">
<input name = "blog_document" class="form-control" type="file">
</div>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary float-right">Post</button>
</div>
</form>
</div>
</div>
</div>
{% endblock %}