如何通过将图像上传到网站管理面板来将图像添加到html模板？

Question

我需要通过管理面板将3个轮播引导图像添加到html模板中。我尝试使用下面共享的模型。我可以通过管理员上传图像，可以查看媒体文件夹中的图像，但它们不会显示在模板上。浏览器源代码显示img src：unknown，当我进行硬编码时，显示img路径图像没有任何问题。阅读所有相关评论和12个小时后，我认为问题出在views.py上。有人可以帮我解决这个问题吗？主要思想是能够通过管理面板添加3个轮播引导图像。

class BGImagesSlide(models.Model):
image1 = models.ImageField(upload_to='media')
image2 = models.ImageField(upload_to='media')
image3 = models.ImageField(upload_to='media')




class BGImagesAdmin(admin.ModelAdmin):
list_display = ['image1', 'image2', 'image3']

admin.site.register(BGImagesSlide, BGImagesAdmin)




def serve(request):
context = {'context_images': BGImagesSlide.objects.all()}
return render(request, 'index.html', context)


urlpatterns = [
url(r'^admin5/', admin.site.urls),
url(r'^$', views.serve, name='serve'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)