How to upload files using ajax?

How to upload a image using ajax in django?

• Background : I have a simple model form with a image field. class XYZForm(ModelForm):     class Meta:         model = XYZ         fields = ( 'file',) The model is class XYZ(models.Model):     url = models.URLField(null = True)     file = models.ImageField(upload_to=get_photo_storage_path, null = True) Problem: I am submitting this form via ajax. But this form is not validating, as the file is not being stored. Is there a particular way of submitting forms with files via ajax ? P.S. :- request.FILES is empty in the view, where the form is being submitted

• Answer:

  This method works well: http://kuhlit.blogspot.com/2011/04/ajax-file-uploads-and-csrf-in-django-13.html Also - unless you have a specific reason to store images via the ImageField, try using a string field that contains the path to the image on your hard drive (make sure it's backed up). Storing large images (or any binary data) in rows in a DB is not efficient ...