Django - любой метод загрузки и отображения изображений с использованием Ajax? - PullRequest
Новая
       28

Django - любой метод загрузки и отображения изображений с использованием Ajax?

0 голосов
/ 23 апреля 2011

В моем приложении django я использую ImageKit для изменения размера изображения, загруженного на сервер.

models.py 

class Pictures(ImageModel):
    user = models.ForeignKey(User)
    original_image = models.ImageField(upload_to='userpx')

    class IKOptions:
        # This inner class is where we define the ImageKit options for the model
        spec_module = 'userprofile.specs'
        cache_dir = 'modpics'
        image_field = 'original_image'
        save_count_as = 'num_views'
    def __unicode__(self):
        return u'%s' % (self.original_image)

форм.py 

class PicturesForm(forms.Form): 
   image = forms.ImageField()

template.html 

<img src="{{ p.thumbnail_image.url }}" >

<form action="" method="POST" class="cmxform" enctype="multipart/form-data">
{% csrf_token %}
{{aform.as_p}}
<input type="submit" value="submit" name="picture_button" />        
</form>

views.py 

   if 'picture_button' in request.POST:
        aform = PicturesForm(request.POST, request.FILES)
        if aform.is_valid():
            # an UploadedFile object
            a_user = User.objects.get(id=request.user.id)

            #Check if image entry exists 
            try:
                p = Pictures.objects.get(user=request.user.id)

            except Pictures.DoesNotExist: 
                picture = Pictures.objects.create(user = a_user)
                image_file = request.FILES['image']
                picture.original_image.save(image_file.name, image_file)

                #show picture and form
                p = Pictures.objects.get(user=request.user.id)
                aform = PicturesForm()

            else:
                p.delete()
                picture = Pictures.objects.create(user = a_user)
                image_file = request.FILES['image']
                picture.original_image.save(image_file.name, image_file)

                #show image and form
                p = Pictures.objects.get(user=request.user.id)
                aform = PicturesForm()


    else:
        p = Pictures.objects.get(user=request.user.id)
        aform = PicturesForm()

Using some Ajax method как я могу исключить кнопку отправки в template.html, чтобы, когда пользователь выбирает изображение со своего компьютера, оно автоматически загружалось на сервер и затем отображалось обратно на сервер?

Я ценю вашу помощь!

1 Ответ

0 голосов
/ 23 апреля 2011

Я бы, вероятно, использовал:

http://jquery.malsup.com/form/

, отправьте форму с помощью ajax и затем загрузите изображение в dom с обратным вызовом успеха.

...