1

I used PIL to resize image before saving but forgot that the clients uploading the images (sometimes really big images), have to wait a long time before the image is transferred to the server.

I figured the best way to do this is via client-side, probably with html5 and JavaScript. I found this: http://hacks.mozilla.org/2011/01/how-to-develop-a-html5-image-uploader/ but it shows no working example and does not show it in Django tempting language context. I also found this:

Image resize before upload and it says it works in toolkit and Mozilla browsers.

Is there a JavaScript library out there that does this and works with IE as well? Is there a Django templating language example out there?

Amir
  • 1,328
  • 2
  • 13
  • 27
radtek
  • 34,210
  • 11
  • 144
  • 111

1 Answers1

1

Are you uploading images by submitting a form? This: http://blueimp.github.io/jQuery-File-Upload/ will display a progress bar in the browser, and can resize images in the client using Javascript. It is also cross browser compatible.

However, it does require implementing ajax in django, and the styling uses jquery-ui which may not fit into the rest of your design.

I can post some example code if that would help, there is an example django project here: https://github.com/sigurdga/django-jquery-file-upload, or an example on SO: How to add image into a post in django.

Community
  • 1
  • 1
Henry Florence
  • 2,848
  • 19
  • 16
  • I came across this but what turned me away was the fact that it doesn't work with IE. I'll revisit again in the near future. – radtek Jan 03 '14 at 16:56
  • Jquery file upload works in ie 6.0+, according to the documentation: https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support. – Henry Florence Jan 03 '14 at 18:21
  • 2
    Henry thats incorrect, it runs on IE 6+ but image resize capability only works on IE 10+, see the doc again. – radtek Jan 07 '14 at 15:58