Cambiar imagen de previsualización en formulario dinámicamente con javascript (Javascript Vanilla)

 

Cambiar imagen de previsualización en formulario dinámicamente con javascript (Javascript Vanilla)

Hoy hice para una amiga un simple ejemplo con el que cambiar mediante javascript vanilla (sin librerías externas) la imagen de previsualización en un formulario para que al seleccionar una nueva se muestre la miniatura.

Os dejo el enlace al vídeo que hice:
https://youtu.be/O4wcaMs9xF0




Aquí podéis tener directamente el código fuente:
https://codepen.io/fryntiz/pen/ZEvPPYM


#javascript #js #form #formulario #javascriptvanilla #developer #web

Ubicación: 11550 Chipiona, Cádiz, España

Comentarios

Publicar un comentario

Entradas populares de este blog

Pruebo el APPLE Game Porting Toolkit en macOS para testear jugar a Diablo IV en Macbook m1 pro

Imagen
Estos días con la salida final del juego Diablo 4 (que por un lado tenía unas ganas enormes de jugarlo) también ha sido la conferencia WWDC de Apple en la que nos han presentado bastante variedad de novedades en general pero a primera vista pocas por dispositivo/sistema. Una de las novedades que en mi opinión es bastante interesante es la nueva herramienta para portar juegos de windows a sistemas apple con m1 y m2 (sin ser yo una persona que juegue demasiado) incluyendo hasta soporte para directx 12 .  
Leer más

Proyecto Experimental para generar Imágenes + vídeo con AI autogenerando prompt y subiendo a redes

Imagen
  En este vídeo presento el proyecto experimental que llevo un tiempo realizando (y sigo trabajando en él, aún queda trabajo por hacer) para dejar automatizada la creación de una idea mediante AI partiendo de un sistema de roles propio con el que generar el prompt afinando además los parámetros para ese tipo de imágenes, generar un lote de imágenes con el prompt obtenido mediante la api "text2img" de Stable Diffusion. https://youtu.be/0ziMV_AkZr8 Antes de continuar, todo lo que he ido viendo y el proyecto de forma global existe con el único fin de experimentar, aprender, ver tecnologías e integraciones y/o practicar. Posteriormente esto se publica automáticamente en las redes sociales como twitter https://twitter.com/ai_automations y se sube a mi propia api para una web que hice dónde depurar las imágenes generadas: https://aidyslexic.raupulus.dev Luego tras completar un lote de imágenes y publicarse en las redes, se genera un vídeo Slideshow con transiciones entre estas y m
Leer más

Ampliamos la memoria RAM de un NAS asustor lockestor desde 4GB a 16GB.

Imagen
Desmontamos el NAS por completo, explico el desmontaje y montaje paso a paso. Comento el hardware que utilizo en él (discos nvme, hdd, ssd y raid5). También realizamos algunas pruebas de estabilidad (benchmarks y stress) para asegurarnos que se pueden llenar de información las nuevas memorias sin producir cuelgues o errores. https://youtu.be/6nKKoMsNuus   #nas #asustor #as6704T #ram #hardware
Leer más