Problemas con ImgToBase64Png - Forum

Forum Navigation
You need to log in to create posts and topics.

Problemas con ImgToBase64Png

Intento convertir  unas imagenes que ya tengo en la pagina , previsualizarlas en un objeto imagen mediante SetObjectAttribute pero sin resultado positivo, las imagenes de prueba son tipo png y svg

la idea es que al seleccionar en el combobox la opcion deseada muestre la imagen correspondiente

subo el codigo de la aplicacion

Uploaded files:
  • You need to login to have access to uploads.

@gustavo1973 no incluyes las imágenes en tu proyecto. Por favor utiliza Project > Archive / Backup para compartirlo.
No obstante posiblemente tengas un problema de CORS. ¿Has mirado en la consola (F12) a ver si aparece algún mensaje de error?

Saludos.

@luishp perdon

ahi los subo

aprovecho a preguntarte, en la explicacion del comando "ImgToBase64Png" dice que requiere contenido seguro, que significa eso?

que tiene que ser un archivo PNG codificado correctamente, o se refiere a otra cosa

Uploaded files:
  • You need to login to have access to uploads.

los errores que me da la consola son:

en png: DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

en svg: TypeError: Cannot read properties of null (reading 'outerHTML')

Hola @gustavo1973 fíjate lo que dice la ayuda respecto a SvgToBase64Jpg:

SvgToBase64Jpg: Encode a SVG inline image located into a Container into Base64 JPG format

Tu no estás utilizando un SVG como código dentro de un Container y por eso no puede funcionar. Además curiosamente utilizas un SVG que incluye una imagen de mapa de bits que ya está en Base64. No lo entiendo muy bien.

Respecto al PNG, parece que hay un problema con la propia imagen. He probado con otra cualquiera y funciona perfectamente.

aprovecho a preguntarte, en la explicacion del comando "ImgToBase64Png" dice que requiere contenido seguro, que significa eso?
que tiene que ser un archivo PNG codificado correctamente, o se refiere a otra cosa

No, es por las limitaciones CORS. Necesitas un servidor web como neoPhp Server para poder ejecutar la aplicación en un entorno seguro (bajo https:// o localhost) si lo ejecutas con file:// no funcionará porque el nevegador lo impedirá por razones de seguridad.

Saludos.

 

@luishp

Pruebo con otras imagenes, el resultado es que me muestra solo un pedazo de la imagen codificada, no la muestra entera,y se la guardo en la base de datos solo guarda ese pequeño pedazo de la imagen

Pregunta: un objeto imagen tiene alguna variable asociada que guarde el contenido, porque tambien podria intentar guardar en la base de datos la imagen en su estado natural, tal cual se muestra en el objeto, sin convertirla.

Pruebo con otras imagenes, el resultado es que me muestra solo un pedazo de la imagen codificada, no la muestra entera,y se la guardo en la base de datos solo guarda ese pequeño pedazo de la imagen

@gustavo1973 Pues tienes razón. Había un error por el que no se calculaba el correctamente el tamaño de la imagen si esta era mayor de lo que se mostraba en pantalla. Acabo de corregirlo. Por favor descarga e instala el programa de nuevo para que funcione correctamente.

Pregunta: un objeto imagen tiene alguna variable asociada que guarde el contenido, porque tambien podria intentar guardar en la base de datos la imagen en su estado natural, tal cual se muestra en el objeto, sin convertirla.

No, eso si que no creo que vayas a poder hacerlo.