Tengo un modelo personalizado de usuarios en el cual quiero adicionar un campo de avatar del usuario:
class User(AbstractBaseUser, PermissionsMixin):
# email
# username
# first_name
# last_name
slug = models.SlugField(max_length=100,blank=True)
avatar = models.ImageField(upload_to='avatars',blank=True,null=True,verbose_name='Photo')
# Con este signal indico que el valor del campo username se
# almacene tambien en el campo slug, para generar un URL amigable
# cuando quiera ir a los datos de un usuario tipo `preferences/username`
@receiver(post_save, sender=User)
def post_save_user(sender, instance, **kwargs):
slug = slugify(instance.username)
User.objects.filter(pk=instance.pk).update(slug=slug)
@property
def image_url(self):
if self.avatar and hasattr(self.avatar, 'url'):
return self.avatar.url
El método image_url()
anterior, se ha definido de esa manera porque cuando se crea un usuario por primera vez, éste no tiene asociado ningún avatar o imágen.
Entonces cuando llamo en el template el campo avatar.url
este método examina si campo avatar tiene el atributo url
y lo retorna para pintarlo en el template de la siguiente manera:
<img src="{{ object.image_url|default_if_none:'#' }}" class="img-thumbnail" alt="User Image">
Esto lo estoy haciendo en un template llamado layout.html
del cual heredan todos mis templates.
En caso de no poder extraer el url
del avatar, lo cual se daría cuando un usuario no tenga una fotografía asignada al ser creado, entonces no se renderiza nada en el template, o tendría una fuente desconocida en la etiqueta img en su atributo source
De esta manera manejo un poco ese error que saldría que Cuando un usuario es creado, éste no tiene asociada, este error para ser más precisos:
raise ValueError("The '%s' attribute has no file associated with it." % self.field.name)
ValueError: The 'avatar' attribute has no file associated with it.
[13/Jun/2017 15:10:16] "GET /dashboard/ HTTP/1.1" 500 183409
Esto salía porque antes en el template layout.html
llamaba el campo avatar de la siguiente forma:
<img src="{{ userprofile.user.avatar.url }}" class="img-thumbnail" alt="User Image">
userprofile
es un contexto que envio a este template en donde estan todos los datos del usuario, entre ellos el avatar
De alguna manera lo he gestionado de esa forma, teniendo el siguiente flujo de trabajo:
url(r"^preferences/(?P<slug>[\w.\-]+)/$",
views.AccountSettingsUpdateView.as_view(),
name='preferences'
),
Mi formulario UserUpdateForm()
es bastante básico en donde llamo varios campos del usuario entre ellos el que me interesa que es avatar
:
class UserUpdateForm(forms.ModelForm):
class Meta:
fields = ("first_name", "last_name", "avatar",)
model = get_user_model()
Mi vista AccountSettingsUpdateView
esta de la siguiente manera:
Como según se dice, la vista que maneja este formulario recibirá el archivo de datos (mi imagen del campo avatar
en este caso) en el request.FILES
, como es el ejemplo, he dimensionado de alguna manera como podría quedar el manejo del request del formulario en mi vista, haciendo uso del método post()
:
Creo que mi problema puede estar acá con lo del request.POST, request.FILES
solo que no me oriento bien en esta parte
class AccountSettingsUpdateView(LoginRequiredMixin, UpdateView):
# Obtiene mi modelo de usuario personalizado
model = get_user_model()
# Obtiene el formulario a utilizar
form_class = UserUpdateForm
success_url = reverse_lazy('dashboard')
context_object_name = 'preferences'
def post(self, request, *args,**kwargs):
form = self.get_form()
if request.method=='POST':
form = UserUpdateForm(request.POST, request.FILES)
if form.is_valid():
form.save()
return super(AccountSettingsUpdateView, self).form_valid(form)
else:
return super(AccountSettingsUpdateView, self).form_invalid(form)
'''
# Tenia mis dudas si sobreescribia el form_valid()
def form_valid(self, form):
if self.request.method == 'POST':
form = UserUpdateForm(self.request.POST, self.request.FILES)
if form.is_valid():
form.save()
return super(AccountSettingsUpdateView, self).form_valid(form)
else:
return super(AccountSettingsUpdateView, self).form_invalid(form)
#return render(self.request, 'user_form.html', {'form':form})
'''
Mi template user_form.html
en donde renderizo el formulario es el siguiente:
{% extends 'layout.html' %}
{% load bootstrap3 %}
{% block title_tag %}Accounts | Settings | iHost {{ block.super }}{% endblock %}
{% block body_content %}
<div class="container">
<h1>Account Details</h1>
<form enctype="multipart/form-data" method="POST">
{% csrf_token %}
{% bootstrap_form form %}
<input type="submit" value="Save Changes" class="btn btn-default">
</form>
</div>
{% endblock %}
Lo que me sucede es que cuando entro a la opcion de Settings en mi aplicación, lo que llama al url preferences/(?P<slug>[\w.\-]...
referenciado anteriormente, ahí mi imagen es renderizada porque este url llama a mi vista AccountSettingsUpdateView
la cual tiene el formulario UserUpdateForm() en el cual el campo avatar es renderizado para subir una imagen.
Pero cuando voy a otra parte de mi aplicación, la imágen de avatar no es renderizada. No se si me expliqué bien, pero adjunto esta imagen animada para explicar lo que me sucede.
¿Cómo puedo hacer para que mi imágen de avatar la cual la estoy renderizando en un form base que heredan todos los demas templates, persista en cualquier parte de mi aplicación?
¿Qué puede estar sucediendo? Sin duda debe haber algun detalle que estoy pasando por alto, tal vez en mi forms.py o en mi vista. Me inclino por esta última