How to upload a image using Ajax in django

Question

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

Willian · Accepted Answer · 2012-03-12 10:59:12Z

Files can't be send using ajax, you can mimic an ajax upload by using a iframe for uploading.

Nice example: http://embrangler.com/2010/08/ajax-uploads-images-in-django/

yedpodtrzitko · Accepted Answer · 2012-03-12 06:37:17Z

1

you can try to use django-swfupload:

http://swfupload.googlecode.com

answered Mar 12, 2012 at 6:37

yedpodtrzitko

9,4292 gold badges48 silver badges47 bronze badges

2 Comments

Akash Deshpande Over a year ago

Do we need to add a plugin even for a single image upload ?

yedpodtrzitko Over a year ago

I just thought looking/using some solution would help you recognize your problem. Because you didn't show almost any code to see where can problem be. Ie - don't you miss enctype="multipart/form-data" parametr in form element? How does your ajax call looks like? etc.

Eugene Nagorny · Accepted Answer · 2012-03-16 16:01:07Z

I used this one https://github.com/GoodCloud/django-ajax-uploader But I used without It is pretty easy to use,

Collectives™ on Stack Overflow

How to upload a image using Ajax in django

3 Answers 3

Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Related