some effort to implement resize, but it is not working yet

Author: Arthedian

django-jquery-file-upload/settings.py

@@ -37,6 +37,7 @@
     'django.contrib.messages',
     'django.contrib.staticfiles',
     'fileupload',
+	'imagekit',
 )
 
 
@@ -59,8 +60,13 @@
 
 DATABASES = {
     'default': {
-        'ENGINE': 'django.db.backends.sqlite3',
-        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
+        'ENGINE': 'django.db.backends.postgresql_psycopg2', # Add 'postgresql_psycopg2', 'mysql', 'sqlite3' or 'oracle'.
+        'NAME': 'Django-jquery',                      # Or path to database file if using sqlite3.
+        # The following settings are not used with sqlite3:
+        'USER': 'postgres',
+        'PASSWORD': 'a1s2n3m4',
+        'HOST': '',                      # Empty for localhost through domain sockets or '127.0.0.1' for localhost through TCP.
+        'PORT': '5432',                      # Set to empty string for default.
     }
 }
 

fileupload/models.py

@@ -1,5 +1,7 @@
 # encoding: utf-8
 from django.db import models
+from imagekit.models import ImageSpecField
+from imagekit.processors import ResizeToFit
 
 
 class Picture(models.Model):
@@ -10,6 +12,7 @@ class Picture(models.Model):
 
     """
     file = models.ImageField(upload_to="pictures")
+    thumbnail = ImageSpecField([ResizeToFit(height=50)], source='file', format='JPEG', options={'quality': 90})
     slug = models.SlugField(max_length=50, blank=True)
 
     def __unicode__(self):

fileupload/views.py

@@ -11,7 +11,7 @@ class PictureCreateView(CreateView):
     def form_valid(self, form):
         self.object = form.save()
         files = [serialize(self.object)]
-        data = {'files': files}
+        data = [{'name': f.name, 'url': self.object.file.url, 'thumbnail_url': self.object.thumbnail.url, 'delete_url': reverse('upload-delete', args=[self.object.id]), 'delete_type': "DELETE"}]
         response = JSONResponse(data, mimetype=response_mimetype(self.request))
         response['Content-Disposition'] = 'inline; filename=files.json'
         return response