Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/08/2014, 09:46
miguelalexep
 
Fecha de Ingreso: febrero-2014
Ubicación: Hermosillo, Sonora
Mensajes: 86
Antigüedad: 11 años, 1 mes
Puntos: 0
Pasar Imagen con Ajax

Buenos dias, la duda que tengo es por un problema que me arroja ajax, lo que quiero hacer es pasar una imagen, pero me arroja el siguiente error. <ImageFieldFile: bancos_central/014_1.png> is not JSON serializable.

Lo que tenia pensado hacer es lo siguiente. Guardar en una variable el url y luego en la plantilla, mas exacto en el javascript, concatenarla con el resto del url que en este caso seria bancos_central/014_1.png, para despues introducirlo en un <img>. El codigo que manejo es el siguiente.

AJAX

Código Python:
Ver original
  1. def banco_autocomplete(request):
  2.     q = request.GET['term']
  3.     for term in q.split(" "):
  4.         banco = []
  5.         banco = CatalogoBanco.objects.using("central")
  6.         banco = banco.filter(
  7.             Q(concepto__icontains=term) | Q(clave__icontains=term)
  8.         )
  9.     bancos = []
  10.     url = "http://localhost:8000/upload/undefined"
  11.     for b in banco:
  12.         bancos.append({
  13.             'label':"%s %s" % (b.clave, b.concepto),
  14.             'value':b.clave,
  15.             'nombre':b.concepto,
  16.             'imagen':b.imagen
  17.             });
  18.     return json_response(bancos)
JAVASCRIPT

<script>

Código Javascript:
Ver original
  1. $( "#id_banco2" ).autocomplete({
  2.         source:"/ajax/banco_autocomplete/",
  3.         select:function(event, ui){
  4.             url = "http://localhost:8000/upload/"
  5.             $("#concepto").html(ui.item.nombre);
  6.             $("#imagen2").prop("src",url+ui.item.imagen);
  7.         }
  8.     });
</script>

Última edición por razpeitia; 14/08/2014 a las 16:14