Django Изображения не отображаются в HTML шаблоне при использовании Dropzone JS

Я использую dropzone.js в моем django проекте для редактирования изображений я отправляю изображение на кнопку submit моя функция view показывает данные, но я не могу показать их в html шаблоне, который я взял у пользователя. Предопределенный {'context':context} виден, но когда я добавляю его внутрь моего условия if, оно выполняется успешно, но не отображается в html шаблоне

def index(request):
allimg = []
userimg1 = ""
userimg = ""
if (request.method == 'POST'):
    
    i=0
    img=[]
    while(request.FILES.get('file['+str(i)+']')!=None):
        img1=( request.FILES.get('file['+str(i)+']'))
        print(img1)
        img.append(img1)
        i=i+1
    for image in img:
        imgsize=image.size/1024
        userimg = Picture(image=image,name=image.name)
        userimg.save()         
        print(userimg.image.name)
            # width = int(request.POST.get('imgwidth'))
        rot = rotater('media/' + userimg.image.name, 90)
        userimg1 = EditPicture(editimage=rot,name=image.name)
        userimg1.save()
        allimg.append([userimg,userimg1])
        return render(request, 'imgeditor/Homepage.html',allimg)
   
return render(request, 'imgeditor/Homepage.html')


<body>

  <div class="container">
    <form action="/imagerotate/" method="POST" class="dropzone" enctype="multipart/form-data" name="dropZone" id="myDropzone">
      {% csrf_token %}
      <div class="fallback">
        <input name="file" type="file" multiple>
      </div>
      
    
    
  </form>  
  <button type="submit" value="Submitbtn" id="submit-all" class="btn btn-primary">Submit</button>
  </div>


    <div class="container">
      {%for userimg,userimg1 in allimg%}
        <img src="media/{{ userimg.image }}" width=100px height="=100px">
         <img src="media/{{ userimg1.editimage }}" width=100px height="=100px">
      {% endfor %}
  </div>
</body>







<script>

  Dropzone.autoDiscover = false;
  const myDropZone = new Dropzone("#myDropzone", {
    paramName: 'file',
    autoProcessQueue: false,
    clickable: true,
    maxFilesize: 5,
    params: {},
    uploadMultiple: true,
    parallelUploads: 10,
    maxFiles: 10,
    addRemoveLinks: true,
    // acceptedFiles: '.png,.jpg,.pdf',
    dictDefaultMessage: 'Upload your files here',


    init: function () {
      var startUpload = document.getElementById("submit-all");
      myDropzone = this;
      startUpload.addEventListener("click", function () {

        myDropzone.processQueue();
      });
      this.on("success", function () {
        myDropzone.options.autoProcessQueue = true;
      });
    }
  });

</script>

Попробуйте это :

  <img src="media/{{ userimg.image.url }}" width=100px height="=100px">
Вернуться на верх