I have a Django blog application wherein while posting a blog, a file can be attached and submit as well.

Here is the views.py code:

```
   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')

```

And here is the MEDIA\_ROOT and MEDIA\_URL path names:

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

```

And following is the code for urls.py inside mysite app:

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

```

This is the project structure, wherein I need the media folder to be present directly under the Assignment1 project

[![enter image description here](https://i.stack.imgur.com/3Xsnw.png)](https://i.stack.imgur.com/3Xsnw.png)

While the file is getting uploaded successfully, it shows up as follows in the /api.

But there are two media paths being created: /media/media as shown below: I am not able to find the duplicate fields that I might have created.

[![enter image description here](https://i.stack.imgur.com/H0sS0.png)](https://i.stack.imgur.com/H0sS0.png)

And on clicking the file link: the 404 not found error occurs. I think the MEDIA\_ROOT file name is not correct.

HTML code for blog.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 %}

```