Foros del Web » Programando para Internet » Javascript »

Agregar más soporte de imagenes a código de Javascript

Estas en el tema de Agregar más soporte de imagenes a código de Javascript en el foro de Javascript en Foros del Web. Hola foreros tengo una duda ¿cómo le agrego soporte a imágenes gif a este código? estoy editando un código javascript y quiero agruegarle más soporte ...
  #1 (permalink)  
Antiguo 03/09/2011, 12:50
Avatar de Gugolplex  
Fecha de Ingreso: junio-2011
Ubicación: Vía Lactea
Mensajes: 35
Antigüedad: 11 años
Puntos: 0
Pregunta Agregar más soporte de imagenes a código de Javascript

Hola foreros tengo una duda ¿cómo le agrego soporte a imágenes gif a este código? estoy editando un código javascript y quiero agruegarle más soporte de imágenes, ¿cómo lo hago? por los momentos solo tiene soporte para imágenes png (sólo muestra las imágenes png)

Código:
// use a flag image to render the selected country
		setCellRenderer("country", new CellRenderer({
			render: function(cell, value) { cell.innerHTML = value ? "<img src='images/flags/" + value.toLowerCase() + ".png' alt='" + value + "'>" : ""; }
		}));
  #2 (permalink)  
Antiguo 03/09/2011, 13:05
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 1 mes
Puntos: 832
Respuesta: Agregar más soporte de imagenes a código de Javascript

Podrías usar el evento onerror para testear la existencia del mismo nombre con otra extensión alternativa. Otro camino más sencillo es cambiarle la extensión a tus imágenes para que todas sean '.png' (aunque originalmente sean gif, jpg, jpeg o png el navegador las mostrará sin problemas porque lo que cuenta es el content-type y no la extensión; aunque le cambiaras la extensión a txt funcionaría sin problemas).
  #3 (permalink)  
Antiguo 03/09/2011, 13:16
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 12 años, 1 mes
Puntos: 310
Respuesta: Agregar más soporte de imagenes a código de Javascript

Cita:
Iniciado por Panino5001
Otro camino más sencillo es cambiarle la extensión a tus imágenes para que todas sean '.png' (aunque originalmente sean gif, jpg, jpeg o png el navegador las mostrará sin problemas porque lo que cuenta es el content-type y no la extensión; aunque le cambiaras la extensión a txt funcionaría sin problemas).
¿Eso se puede hacer desde JS? ¿No hay que usar headers en PHP o algo así?
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #4 (permalink)  
Antiguo 03/09/2011, 13:20
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 1 mes
Puntos: 832
Respuesta: Agregar más soporte de imagenes a código de Javascript

Me refería a renombrar las extensiones de los archivos "manualmente". Con javascript del lado del cliente no es posible hacerlo por código. Lo que digo es que si a un archivo llamado "imagen1.jpg" lo renombrás como "imagen1.txt" y luego asignás "imagen1.txt" como src de un elemento img, al navegador le da lo mismo: muestra una imagen como lo hace siempre. Esto es porque el navegador no chequea extensión sino content-type
  #5 (permalink)  
Antiguo 03/09/2011, 13:33
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 12 años, 1 mes
Puntos: 310
Respuesta: Agregar más soporte de imagenes a código de Javascript

Cita:
Iniciado por Panino5001 Ver Mensaje
Me refería a renombrar las extensiones de los archivos "manualmente".
Epic fail
Saludos :D
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #6 (permalink)  
Antiguo 03/09/2011, 13:39
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 1 mes
Puntos: 832
Respuesta: Agregar más soporte de imagenes a código de Javascript

Es que no sabía cómo decirlo más claramente
  #7 (permalink)  
Antiguo 03/09/2011, 14:28
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 13 años, 2 meses
Puntos: 1485
Respuesta: Agregar más soporte de imagenes a código de Javascript

buenas gentes!

<offtopic>
una observación. me parece que esa función es dependiente de cada navegador. hice varias pruebas y tengo diferentes resultados. primero, una de las cosas que hace el servidor es enviar el content-type adecuado según la extensión del archivo. y segundo, cada navegador evalua diferentes parámetros.

partiendo de una imagen png, normalmente el servidor lo envia con Content-Type: image/png. si lo cambio por ejemplo a *.txt, el servidor envia con Content-Type: text/plain. en chrome e iexplorer muestra la imagen, pero en firefox6 me ofrece descargar el documento. en firefox, cuando inspecciono los headers, efectivamente dice plain/text. en chrome sucede igual pero la consola me imprime un aviso tal que Resource interpreted as Document but transferred with MIME type image/png. o sea, además de verificar el Content-Type parece que también verifica la integridad del contenido, probablemente lo que le llaman el file signature. curiosamente en firefox, si ese mismo archivo lo intento cargar directamente -es decir, desde el sistema operativo- firefox imprime el contenido en texto plano.

extensión *.h... la tortilla se vira. con dicha extensión todos los navegadores me ofrecen descargar el documento. revisando el header, aparece como Content-Type: text/x-c. el mensaje de aviso en chrome, Resource interpreted as Document but transferred with MIME type text/x-c..

en conclusión, personalmente no jugaría con fuego porque los resultados son impredecibles. prueben por ejemplo con *.zip, cargando desde el servidor y sistema operativo en diferentes navegadores.

nota: la prueba las hice con apache en local.
</offtopic>
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #8 (permalink)  
Antiguo 03/09/2011, 14:37
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 1 mes
Puntos: 832
Respuesta: Agregar más soporte de imagenes a código de Javascript

En las pruebas que hice con txt no me pasó! (Chrome 13.0.782.220 m, Explorer 7 y Firefox 6.01) Igualmente, si nos mantenemos dentro de gif, png, jpg o jpeg no hay problemas seguro: lo he visto aplicado.
Aunque por supuesto no es lo mejor.

Etiquetas: código, html, imagenes, soporte
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:29.