ES6 - API fetch (recuperar archivo de imágen)
Ejemplo
Ejecución del ejemplo
<!DOCTYPE html> <html> <head> <title>Ejemplo de JavaScript</title> <meta charset="UTF-8"> </head> <body> <div> <button id="boton1">Aries</button> <button id="boton2">Tauro</button> <button id="boton3">Geminis</button> </div> <img id="foto"> </div> <script> document.getElementById("boton1").addEventListener("click", () => mostrar('aries.png')); document.getElementById("boton2").addEventListener("click", () => mostrar('tauro.png')); document.getElementById("boton3").addEventListener("click", () => mostrar('geminis.png')); function mostrar(signo) { fetch(signo) .then(response => response.blob()) .then(datos => document.getElementById("foto").setAttribute('src', URL.createObjectURL(datos))); } </script> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar al menu