Как я могу получить URL Django ImageField? - PullRequest
0 голосов
/ 07 мая 2018

Я использую метод modelformset_factory с формами, содержащими только ImageField. Модель, на которой основаны формы, содержит пользовательское поле, которое имеет отношение «многие к одному» с пользовательской моделью, расширяющей AbstractUser ( См. Расширение пользовательской модели с абстрактным пользователем ). В настоящее время каждый экземпляр пользователя имеет соответствующий профиль пользователя, но я также хотел бы разрешить пользователю загружать галерею изображений в свой профиль.

models.py

class Gallery(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE, null=True) 
    image = models.ImageField(upload_to='user_gallery', blank=True, null=True)

    def create_gallery(sender, **kwargs):
        if kwargs['created']:
            user_gallery = Gallery.objects.create(user=kwargs['instance'])
            user_gallery.save();
post_save.connect(create_gallery, sender=User)

forms.py

class GalleryForm(forms.ModelForm):
image = forms.ImageField(label='FormImage')
class Meta:
    model = Gallery
    fields = ['image']

views.py

def EditProfile(request):
    GalleryFormSet = modelformset_factory(Gallery, form=GalleryForm, extra=3, max_num=3)
    if request.method == "POST":
        formset = GalleryFormSet(request.POST, request.FILES)
        if formset.is_valid():
            for form in formset.cleaned_data:
                my_image = form['image']
                photo = Gallery(user=request.user, image=my_image)
                photo.save()

            return render(request, 'user_handler/editprofile.html', {'formset': formset})
    else:
        formset = GalleryFormSet()
    return render(request, 'user_handler/editprofile.html', {'formset': formset})

Template

<form id="post_form" method="post" action="" enctype="multipart/form-data">
        {% csrf_token %}
        {{ formset.management_form }}

        {% for form in formset %}
            {{form.image}}
            <img src="{{form.image.url}}"/>
        {% endfor %}
        <input type="submit" name="submit" value="Submit" />
</form>

У меня проблема в том, что использование {{form.image}} дает такой результат: enter image description here

... и использование {{form.image.url}} в теге источника изображения вообще ничего не дает. Когда я проверяю элемент, в котором он содержится, он сообщает, что источник неизвестен. Очевидно, что изображения сохраняются в БД, как мне хотелось бы, но я не могу заставить работать .url. И ДА, у меня действительно есть корень мультимедиа:

settings.py

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATIC_URL = '/static/'
MEDIA_URL = '/media/'   
MEDIA_ROOT = os.path.join(BASE_DIR, 'HighlightPage_Project/media')  

urls.py

urlpatterns = [
url(r'^$', views.Login_Redirect),
url(r'^account/', include('user_handler_app.urls')),
url(r'^admin/', admin.site.urls),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

1 Ответ

0 голосов
/ 05 сентября 2018

Попробуйте заменить свой код следующим кодом:

views.py

def EditProfile(request):
    GalleryFormSet = modelformset_factory(Gallery, form=GalleryForm, extra=3, max_num=3)
    if request.method == "POST":
        formset = GalleryFormSet(request.POST, request.FILES)
        if formset.is_valid():
            for form in formset.cleaned_data:
                my_image = form['image']
                photo = Gallery(user=request.user, image=my_image)
                photo.save()

            return render(request, 'user_handler/editprofile.html', {'formset': formset})
    else:
        user_images = Gallery.objects.filter(user=request.user)
        initial_images = [{'image': i.image, 'image_url': i.image.url} for i in user_images if i.image]
        formset = GalleryFormSet(initial=initial_images)
    return render(request, 'user_handler/editprofile.html', {'formset': formset})

Template

<form id="post_form" method="post" action="" enctype="multipart/form-data">
    {% csrf_token %}
    {{ formset.management_form }}

    {% for form in formset %}
        {{form.image}}
        <img src="{{form.initial.image_url}}"/>
    {% endfor %}
    <input type="submit" name="submit" value="Submit" />

...