Problema con ImageWithThumbsField

ioscar · #1 (**permalink**) 02/01/2012, 13:44

Un saludo a todos, y mi pregunta es necesito mostrar una imagen en miniatura y he hecho lo siguiente: en models.py mi campo es:

Código:

imagen=ImageWithThumbsField(upload_to='images/Videos', sizes=((125,125),(200,200)))

mi url.py esta configurado para que lo guarde en images y cuando guardo la imagen por ejemplo, 40.jpg se guardan tres imágenes: 40.jpg, 40.125x125.jpg y 40.200x200.jpg y cuando en mi plantilla necesito acceder a la imagen escribo esto :

Código HTML:

<img src="/{{video.imagen }}" >

que vídeo es la variable que retorno e imagen es el campo de mi modelo , pero en mi bd esta guardando la imagen original 40.jpg y nunca me carga la imagen que necesito que es 40.125x125.jpg. No se como acceder a ella, y ¿como le hago para que solo me guarde la imagen 40.125x125.jpg y no me guarde tres?, he intentado hacer esto:

Código HTML:

imagen=ImageWithThumbsField(upload_to='images/Videos', sizes=(125,125)

pero me devuelve un error. Espero haber sido claro. Gracias

razpeitia · #2 (**permalink**) 02/01/2012, 14:41

Las etiquetas son muy sensibles hasta el mas mínimo error o espacio y no te lo reconoce.

Recuerda en python los espacios son importantes.

Código Python:

Ver original{{ video.imagen }}

ioscar · #3 (**permalink**) 02/01/2012, 15:33

OK , pero el problema es que no puedo acceder a la imagen de 125x125 ya que en mi be aparace el nombre de la imagen original y esa es la que siempre me cargar , no he podido cargar la imagen miniatura

razpeitia · #4 (**permalink**) 02/01/2012, 20:57

Sería bueno que pusieras que error te arroja ya que ImageWithThumbsField no es un modelo que traiga integrado django por defecto.

ioscar · #5 (**permalink**) 02/01/2012, 22:00

Lo que pasa que es una clase de http://djangothumbnails.com/ y se supone que puedo acceder a la imagen asi : variable.foto.url_125x125 suponiendo que mi imagen se llama asi : ab.jpg al guardarla por medio del admin de django me guarda en mi carpeta images/videos ab.jpg ab.125x125.jpg ab.200x200.jpg y em mi BD guarda el nombre de ab.jpg no el de las miniaturas , por eso al acceder en mi al retornar la variable video por medio de mi vista , realizo lo sig en mi plantilla

Código HTML:

<img src="/estatico/{{ video.imagen }}"  width="24%" height="220" alt="Post" />

y me muestra la imagen original que es ab.jpg , no me muestra la imagen ab.125x125.jpg logicamente por que en mi Bd se guardo ab.jpg , ahora siguiendo el ejemplo de la pagina de thubnails intento acceder a la imagen miniatura asi:

Código HTML:

<img src="/estatico/{{ video.imagen.url_125x125 }}"  width="24%" height="220" alt="Post" />

Tambien intente lo sig:

Código HTML:

<img src="/estatico/{{ video.imagen.125x125 }}"  width="24%" height="220" alt="Post" />

Pero si traducimos el nombre nos quedaria asi:

Código HTML:

<img src="/estatico/ab.jpg.url_125x125"  width="24%" height="220" alt="Post" />
<img src="/estatico/ab.jpg.125x125"  width="24%" height="220" alt="Post" />

porque ab.jpg es lo que se guarda en mi BD al almacenar la imagen con el admin de Django , y esa es la razon por la que no se puede mostrar la imagen no se como resolverlo he intentado varias maneras , espero haber sido claro ,Gracias

razpeitia · #6 (**permalink**) 03/01/2012, 22:58

Código Python:

Ver original#models.py
from django.db import models
from thumbs import ImageWithThumbsField
 
class Person(models.Model):
    photo = ImageWithThumbsField(upload_to='images', sizes=((125,125),(200,200)))

Código Python:

Ver original#views.py
from django.shortcuts import render_to_response
from models import Person
 
def vista(request):
    p = Person.objects.all()[0]
    return render_to_response('template.html', {'person': p})

Código django-template:

Ver original<!DOCTYPE html>
<html lang="en">
<!-- template.html -->
<head>
    <title></title>
</head>
 
<body>
 
    <div id="content">
       <img src="{{ person.photo.url }}" alt="" />
       <img src="{{ person.photo.url_200x200 }}" alt="" />
       <img src="{{ person.photo.url_125x125 }}" alt="" />
    </div>
</body>
</html>

En el settings.py tengo

Código Python:

Ver originalMEDIA_ROOT = '/ruta/a/media'
MEDIA_URL = 'http://url/a/media/'
STATIC_URL = '/media/'

A mi me funciona perfecto.

ioscar · #7 (**permalink**) 05/01/2012, 10:36

Me Ha funcionado perfectamente

muchas gracias por molestarte

, tuve algunos problemas pero me acaba de funcionar y por eso tuve que crear otro proyecto pero me surgio una duda en la manera que pusiste el settings.py y en url.py lo tuve que colocar asi:

Código:

MEDIA_ROOT = 'D:/Django/imagen/Media'
MEDIA_URL = '/Media/'
STATIC_ROOT = ''
STATIC_URL = '/static/'

imagen es el nombre de mi proyecto
urls.py

Código:

urlpatterns = patterns('',    
    (r'^imagen/$',views.vista),
     url(r'^admin/', include(admin.site.urls)),

)


if settings.DEBUG:
    urlpatterns += patterns('',
        (r'^Media/(?P<path>.*)$', 'django.views.static.serve', {
        'document_root': settings.MEDIA_ROOT}))

y en la plantilla lo traduce asi:

para que me funcionara , pero antes intente colocarlo como tu lo pusiste que era asi:

settings.py

Código:

MEDIA_ROOT = 'D:/Django/imagen/Media'
MEDIA_URL = 'http://127.0.0.1/imagen/Media/'
STATIC_ROOT = ''
STATIC_URL = '/Media/'

urls.py

Código:

urlpatterns = patterns('',  
    (r'^imagen/$',views.vista),
     url(r'^admin/', include(admin.site.urls)),
)

if settings.DEBUG:
    # archivos estaticos (imagenes, css, javascript, etc.)
    urlpatterns += patterns('',
        (r'^Media/(?P<path>.*)$', 'django.views.static.serve', {
        'document_root': settings.MEDIA_ROOT}))

y en la plantilla lo traduce asi

Código HTML:

<img src="http://127.0.0.1/imagen/Media/images/mi4gp.jpg" alt="" />

si me pone bien los nombres de las imagenes pero no las muestra no se a que se debe me gustaria saber cual es la diferencia entre el primer settings que puse y el segundo , el server lo estoy corriendo en el puerto 1515