Preview ImageField after "Choose File" button was selected

Question

So I have a really basic form with an ImageField implemented

# form
class MyForm(forms.Form):       
    my_image = forms.ImageField(required=False)

# Model
class MyModel(models.Model):
    my_image = models.ImageField(upload_to="images", null=True, blank=True)

# view

my_model = MyModel.objects.create(
    my_image=cd['my_image'] )

It's working fine, now how can I preview the image right after the user press the button "choose file"? Is there any way to accomplish this with Django or shall I use Ajax?

thank you

score 3 · Accepted Answer · edited May 23 '17 at 12:12

3

This is best done on the client-side using JavaScript. All modern browsers now can do this using HTML5 file API. There is no need to round-trip the file from the server.

Previous StackOverflow answer

Preview ImageField after "Choose File" button was selected

1 Answers1