Backend real

Nivel 23: Subida de imágenes

Objetivo

Añade type=file, accept image/* y preview con URL.createObjectURL.

En este nivel aprenderás

Añades subida de imágenes con input type="file", accept y vista previa con URL.createObjectURL. Entenderás cómo manejar archivos en el navegador y mostrar una miniatura antes de guardar el proyecto.

Pasos a completar (0/6)

• 1Paso 1La página carga sin errores▾
• 2Paso 2Input type=file en AdminPage▾
• 3Paso 3accept="image/*" en el input file▾
• 4Paso 4handleFileChange guarda el archivo en estado▾
• 5Paso 5Vista previa con URL.createObjectURL▾
• 6Paso 6La imagen preview tiene alt descriptivo▾