Show already uploaded files on page reload. With delete button as well.

Author: sigurdga

fileupload/templates/fileupload/picture_form.html

@@ -42,6 +42,29 @@ <h1>Django Jquery file upload demo</h1>
         <table class="files"></table>
         <div class="fileupload-progressbar"></div>
     </div>
+
+    <div>
+        {% if pictures %}
+        <h2>Already uploaded</h2>
+        <table class="table table-striped">
+            {% for picture in pictures %}
+            <tr>
+                <td class="preview">
+                    <img src="{{ picture.file.url }}">
+                </td>
+                <td class="name">{{ picture.slug }}</td>
+                <td class="delete">
+                    <a class="btn btn-danger" href="{% url 'upload-delete' picture.id %}">
+                        <i class="icon-trash icon-white"></i>
+                        <span>Delete</span>
+                    </button>
+                </td>
+            </tr>
+            {% endfor %}
+        </table>
+        <p>(Removing from this list is left as an exercise to the reader)</p>
+        {% endif %}
+    </div>
 </div>
 <!-- modal-gallery is the modal dialog used for the image gallery -->
 <div id="modal-gallery" class="modal modal-gallery hide fade" data-filter=":odd">

fileupload/views.py

@@ -24,6 +24,11 @@ def form_valid(self, form):
         response['Content-Disposition'] = 'inline; filename=files.json'
         return response
 
+    def get_context_data(self, **kwargs):
+        context = super(PictureCreateView, self).get_context_data(**kwargs)
+        context['pictures'] = Picture.objects.all()
+        return context
+
 
 class PictureDeleteView(DeleteView):
     model = Picture