trying to figure out how to serve user-uploaded files

website/templates/base.html

@@ -9,7 +9,7 @@
 	<ul class="navbar">
 	  <li class="navbar" ><a class="navbar" href="/">Home</a></li>
 	  <li class="navbar"><a class="navbar" href="/users/signup">Sign up</a></li>
-	  <li class="navbar"><a class="navbar" id="login" href="/users/login"style="float:right">Login</a></li>
+	  <li class="navbar"><a class="navbar" id="login" href="/users/login">Login</a></li>
 	</ul>
 
   <meta name="description" content="Start throwing out trash in an eco-friendly way!">

website/templates/uploadImage.html

@@ -5,12 +5,17 @@
 {% block content %}
 {% if user.is_authenticated %}
   Hi {{ user.username }}!<br>
-      <form action="" method="POST">{% csrf_token %}
-        <input type="file" name="image" id="image">
+	<form method="post" enctype="multipart/form-data">
+  	{% csrf_token %}
+   	{{ form.as_p }}
+  	<button type="submit">Upload</button>
+	</form>
 
-      <button type="submit"> Submit </button>
-
-{% else %}
+	{% if file_url %}
+  	<h3>Succesfully uploaded</h3>
+  	<img src="{{ file_url }}" alt="connect" style="max-height:300px">
+	{% endif %}
+	{% else %}
   <p>You are not logged in</p>
   <a href="{% url 'login' %}">Log In</a>
 {% endif %}