После перезагрузки страницы пропадает загруженное изображение

{% extends 'main/layout.html' %}
{% load static %}
 
{% block title %} {{ about }} {% endblock %}
 
{% block style %}
    .drop-zone {
      width: 100%;
      height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-family: "Quicksand", sans-serif;
      font-weight: 500;
      font-size: 20px;
      cursor: pointer;
      color: #cccccc;
      border: 1px dashed grey;
      border-radius: 5px;
    }
 
    .drop-zone--over {
      border-style: solid;
    }
 
    .drop-zone__input {
      display: none;
    }
 
    .drop-zone__thumb {
      width: 100%;
      height: 100%;
      border-radius: 5px;
      overflow: hidden;
      background-color: #cccccc;
      background-size: cover;
      position: relative;
    }
{% endblock %}
 
{% block content %}
     <div class="row">
 
       <div class="features">
         <h1>Наша команда</h1>
       </div>
 
      {% if workers.all %}
        {% for el in workers.all %}
          <div class="column">
            <div class="card">
 
              <title>Drag and Drop File Upload</title>
 
                <form action="./upload-file.php" method="post" enctype="multipart/form-data">
                    <div class="drop-zone" >
                        <span class="drop-zone__prompt">Drop file here or click to upload</span>
                        <input type="file" name="myFile" class="drop-zone__input">
                    </div>
                    <input type="submit" value="">
                </form>
 
 
              <div class="container" style="width: 330px">
                  <h2>{{ el.contacts.name }} {{ el.contacts.surname }}
                      <i class="fa fa-exclamation-circle"
                         title="Сотрудник проверяется службой безопасности!"
                         style="font-size: 18px; color: red;">
                      </i>
                  </h2>
                  <p class="title">{{ el.job_position }}</p>
                  <p>{{ el.description }}</p>
                  <p>{{ el.contacts.email }}</p>
              </div>
            </div>
          </div>
        {% endfor %}
      {% endif %}
     </div>
 
    <script>
        document.querySelectorAll(".drop-zone__input").forEach((inputElement) => {
          const dropZoneElement = inputElement.closest(".drop-zone");
 
          dropZoneElement.addEventListener("click", (e) => {
            inputElement.click();
          });
 
          inputElement.addEventListener("change", (e) => {
            if (inputElement.files.length) {
              updateThumbnail(dropZoneElement, inputElement.files[0]);
            }
          });
 
          dropZoneElement.addEventListener("dragover", (e) => {
            e.preventDefault();
            dropZoneElement.classList.add("drop-zone--over");
          });
 
          ["dragleave", "dragend"].forEach((type) => {
            dropZoneElement.addEventListener(type, (e) => {
              dropZoneElement.classList.remove("drop-zone--over");
            });
          });
 
          dropZoneElement.addEventListener("drop", (e) => {
            e.preventDefault();
 
            if (e.dataTransfer.files.length) {
              inputElement.files = e.dataTransfer.files;
              updateThumbnail(dropZoneElement, e.dataTransfer.files[0]);
            }
 
            dropZoneElement.classList.remove("drop-zone--over");
          });
        });
 
        function updateThumbnail(dropZoneElement, file) {
          let thumbnailElement = dropZoneElement.querySelector(".drop-zone__thumb");
 
          // First time - remove the prompt
          if (dropZoneElement.querySelector(".drop-zone__prompt")) {
            dropZoneElement.querySelector(".drop-zone__prompt").remove();
          }
 
          // First time - there is no thumbnail element, so lets create it
          if (!thumbnailElement) {
            thumbnailElement = document.createElement("div");
            thumbnailElement.classList.add("drop-zone__thumb");
            dropZoneElement.appendChild(thumbnailElement);
          }
 
          // Show thumbnail for image files
          if (file.type.startsWith("image/")) {
            const reader = new FileReader();
 
            reader.readAsDataURL(file);
            reader.onload = () => {
              thumbnailElement.style.backgroundImage = `url('${reader.result}')`;
            };
          } else {
            thumbnailElement.style.backgroundImage = null;
          }
        }
    </script>
 
{% endblock %}