Я пытаюсь просмотреть файл, который я загрузил django FileField, но это не работает

Привет друзья, я застрял в проблеме при попытке просмотреть pdf файл на моей странице, которую я загрузил

имеют эти модели:

class HomeWork(models.Model):
  nameFile = models.CharField('Name File',max_length=30)
  file = models.FileField('File',upload_to="files",null=True)
  course = models.ForeignKey(Course, on_delete=models.CASCADE)
  user = models.ForeignKey(User,on_delete=models.CASCADE, null=True)

я делаю это поле, потому что хочу загружать файлы pdf.

 file = models.FileField('File',upload_to="files",null=True)

В файле settings.py я сделал следующее:

MEDIA_ROOT = BASE_DIR / 'static/upload'
MEDIA_URL = "/upload/"

Здесь у меня есть html файл в котором я хочу видеть мой загруженный файл. Всякий раз, когда я пытаюсь получить доступ к: <iframe src="{{hw.file.url}}" frameborder="10"></iframe> он не показывает мне pdf.

{% block content %}

<h1>{{course.name_course}}</h1>


{% if user.is_authenticated %}
  <a href="{% url 'Category:u-f' course.id  user.id%}">Upload FILE</a>
{% endif %}

{% if homeworks %}
<div class="row">
  {% for hw in homeworks %}
  <div class="col-md-4">
    <br>
    <div class="card">
      {{hw.file}}
      <iframe src="{{hw.file.url}}" frameborder="10"></iframe>
      <div class="card-body">
        <h4 class="card-title text-center"> <a class="Course" href=""><b>{{hw.nameFile}}</b></a></h4>
        <h5 class="card-title"></h5>
      </div>
      <div class="col text-center">   
      </div>
        <br>
    </div>
  </div>
  {% endfor %}
</div>
{% endif %}

{% endblock content %}

вот несколько фото как это выглядит в html

Но всякий раз, когда я делаю эту строку: <iframe src="{{hw.file.url}}" frameborder="10"></iframe> к статической, как это: <iframe src="{% static 'upload/files/avl_fib_proof.pdf' %}" frameborder="10"></iframe>

Выглядит это следующим образом:

Вернуться на верх