Posteado por: edeortuzar | 12/05/2016

Android 6 – Problema con imagenes donde el src es data:image base64


Me he encontrado que una aplicación desarrollada con Ionic donde tengo una captcha que lo pongo en un tag img donde el src es src=”data:image/png;base64,{{datos}}” fallaba.

Lo probaba en Genymotion con un Android 6 y funcionaba. Como solución incorporé el plugin de Crosswalk, lo cual aumento el tamaño de la apk de 6mg a 26mg, y la aplicación una vez instalada de 8mg a 80mg.

Justo esta semana actualice el sistema operativo de mi pc a Windows 8, lo cual me llevo a reinstalar todo, entre todas las aplicaciones Chrome, al probar con ionic serve nuevamente me ocurrió el error pero ahora en mi pc. Viendo la consola de Chrome veo que no le gusta que el tag img tenga src data:image, por lo que me puse a investigar como solucionarlo y solo tuve que agregar img-src ‘self’ data:; como se puede ver al final de la linea a continuación:

<meta http-equiv="Content-Security-Policy" content="default-src *;style-src 'self' 'unsafe-inline'; script-src 'self' http://maps.googleapis.com 'unsafe-inline' 'unsafe-eval'; img-src 'self' data:;">

Por lo que ahora le quite el plugin de CrossWalk a la aplicación y volvió a tener un peso normal.

Espero que les sirva.

Saludos.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Categorías

A %d blogueros les gusta esto: