Code now working with an extra field description

Author: Saurabh

.gitignore

@@ -5,3 +5,5 @@
 /lib
 /local
 /share
+
+*.pyc

fileupload/models.py

@@ -1,5 +1,6 @@
 from django.db import models
 
+
 class Picture(models.Model):
 
     # This is a small demo using just two fields. The slug field is really not
@@ -9,6 +10,7 @@ class Picture(models.Model):
 
     #file = models.FileField(upload_to="pictures")
     file = models.ImageField(upload_to="pictures")
+    description = models.CharField(max_length=200, blank=True)
     slug = models.SlugField(max_length=50, blank=True)
 
     def __unicode__(self):

fileupload/static/js/main.js

@@ -28,6 +28,17 @@ $(function () {
         )
     );
 
+    $('#fileupload').bind('fileuploadsubmit', function (e, data) {
+        var inputs = data.context.find(':input');
+        console.log(inputs);
+        if (inputs.filter('[required][value=""]').first().focus().length) {
+            return false;
+        }
+        data.formData = inputs.serializeArray();
+        data.formData.push({"name": 'csrfmiddlewaretoken', 'value': $('input[name=csrfmiddlewaretoken]').val() });
+        console.log(data.formData);
+    });
+
     if (window.location.hostname === 'blueimp.github.com') {
         // Demo settings:
         $('#fileupload').fileupload('option', {

fileupload/templatetags/upload_tags.py

@@ -11,6 +11,7 @@ def upload_js():
     <tr class="template-upload fade">
         <td class="preview"><span class="fade"></span></td>
         <td class="name"><span>{%=file.name%}</span></td>
+        <td class="description"><label>Description: <input name="description" required></label></td>
         <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
         {% if (file.error) { %}
             <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
@@ -53,7 +54,7 @@ def upload_js():
                 <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
             </td>
             <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
-            <td colspan="2"></td>
+            <td colspan="2">Description{%=file.description%}</td>
         {% } %}
         <td class="delete">
             <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">

fileupload/views.py

@@ -5,25 +5,34 @@
 from django.utils import simplejson
 from django.core.urlresolvers import reverse
 
+from django.views.decorators.csrf import csrf_exempt
+
 from django.conf import settings
 
+
 def response_mimetype(request):
     if "application/json" in request.META['HTTP_ACCEPT']:
         return "application/json"
     else:
         return "text/plain"
 
+
 class PictureCreateView(CreateView):
     model = Picture
 
     def form_valid(self, form):
         self.object = form.save()
+        print self.object.description
         f = self.request.FILES.get('file')
-        data = [{'name': f.name, 'url': settings.MEDIA_URL + "pictures/" + f.name.replace(" ", "_"), 'thumbnail_url': settings.MEDIA_URL + "pictures/" + f.name.replace(" ", "_"), 'delete_url': reverse('upload-delete', args=[self.object.id]), 'delete_type': "DELETE"}]
+        data = [{'name': f.name, 'url': self.object.file.url, 'description': self.object.description, 'thumbnail_url': self.object.file.url, 'delete_url': reverse('upload-delete', args=[self.object.id]), 'delete_type': "DELETE"}]
         response = JSONResponse(data, {}, response_mimetype(self.request))
         response['Content-Disposition'] = 'inline; filename=files.json'
         return response
 
+    # @csrf_exempt
+    def dispatch(self, *args, **kwargs):
+        return super(PictureCreateView, self).dispatch(*args, **kwargs)
+
 
 class PictureDeleteView(DeleteView):
     model = Picture
@@ -42,6 +51,7 @@ def delete(self, request, *args, **kwargs):
         else:
             return HttpResponseRedirect('/upload/new')
 
+
 class JSONResponse(HttpResponse):
     """JSON response class."""
     def __init__(self,obj='',json_opts={},mimetype="application/json",*args,**kwargs):

settings.py

@@ -95,7 +95,7 @@
 MIDDLEWARE_CLASSES = (
     'django.middleware.common.CommonMiddleware',
     'django.contrib.sessions.middleware.SessionMiddleware',
-    'django.middleware.csrf.CsrfViewMiddleware',
+   'django.middleware.csrf.CsrfViewMiddleware',
     'django.contrib.auth.middleware.AuthenticationMiddleware',
     'django.contrib.messages.middleware.MessageMiddleware',
 )