Как получить реальное изображение вместо url при редактировании Modelforms в шаблоне django?

html

 <div>
 {{variant_images_form.display_image|as_crispy_field}}  
 </div>

views.py

   def item_approval(request, pk):
         if request.method == "GET":
             product_form = AdminProductForm(request.POST)            
             item = ProductVariants.objects.get(item_num=pk)
             product_id = item.product_id
             product = Product.objects.get(product_id=product_id)
             product_variant_images = ProductVariantsImages.objects.filter(product_variant=item)
             product_form = AdminProductForm(instance=product)
             item_form = ProductVariantsForm(instance=item)            
             variant_images_form = ProductVariantsImagesForm(instance=product_variant_images[0])
             return render(request, 'loom_admin/product_details.html',
                        {'item_form':item_form, 'product':product,
                        'item':item,
                        'product_form':product_form,
                        'variant_images_form':variant_images_form,
                        })

Как отобразить форму модели с реальным изображением вместо того, чтобы показывать путь URL.

  <div>
     {{variant_images_form.display_image|as_crispy_field}}  
  </div>

  <div>
     {{variant_images_form.display_image|as_crispy_field}}  

     <img src="{{variant_images_form.instance.display_image.url}}" width="250" height="300" alt="your image" />
  </div>