Get image url from django form

Question

I have dificulties to get the image url out of django form.

Model:

class Sponsor(models.Model):
    image = ProcessedImageField(upload_to='sponsors/', 
                                processors=[SmartResize(300, 120, upscale=False)],
                                format='JPEG', 
                                options={'quality': 100}, 
                                null=True)

Form:

class SponsorForm(forms.ModelForm):

    class Meta:
        model = Sponsor
        fields = ('image',)

When I render it using:

{{ sponsorform.image }}

It prints:

Currently: <a href="/media/sponsors/random1.jpg">sponsors/random1.jpg</a> <br>Change: <input id="id_sponsor-image" name="sponsor-image" type="file">

So my question is, how to get that url in templates? I've tried:

{{ sponsorform.image.url }}
{{ sponsorform.image.path }}
{{ sponsorform.image.href }}

But nothing seems to work, any suggestions?

I think it is same question http://stackoverflow.com/questions/34563454/django-imagefield-upload-to-path/34563512#34563512 You can check my answer — Ivan Semochkin, Jan 05 '16 at 14:28
@Baterson: I think OP tried to get the image url from a form not from objects. — Shang Wang, Jan 05 '16 at 14:29

Shang Wang · Accepted Answer · 2016-01-05T14:36:09.553

12

You should try {{ sponsorform.instance.image.url }}. In case the form is unbounded, you can just do:

{% if sponsorform.instance.image %}
    {{ sponsorform.instance.image.url }}
{% endif %}

edited Jan 05 '16 at 14:36

answered Jan 05 '16 at 14:31

Shang Wang

24,909
20
73
94

It's working if there is an image but for new form instances it raises: ValueError at /onsite_api/get_sponsor_form/-1/ The 'image' attribute has no file associated with it. – Zoli Jan 05 '16 at 14:34
Of course, I thought you would expect that to happen. I edited my answer. – Shang Wang Jan 05 '16 at 14:36

score 2 · Answer 2 · answered Mar 22 '20 at 00:09

2

Those attributes are inside formfield.value, so:

{{ sponsorform.image.value.url }}
{{ sponsorform.image.value.path }}
{{ sponsorform.image.value.href }}

answered Mar 22 '20 at 00:09

juanifioren

633
5
18

Get image url from django form

2 Answers2

Linked