Estoy trabajando en una página web simple que requiere descargar el resultado como archivo de imagen en el último paso. Entonces, básicamente lo he hecho es-
en primer lugar, creé un botón HTML oculto para descargar la imagen de resultado y configuré su visualización en Ninguno por CSS. Ahora cambié su visibilidad de None a block usando un programa Javascript simple...
Mi programa se ve, algo como esto:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> #down_button { display: none; } </style> </head> <body> <h1>Press the button to start downloading</h1> <input type="button" id="down_button" value="Download noww !" > <script src="testing.js"></script> </body> </html>y mi archivo JS se ve así:
const btn = document.getElementById('down_button'); down_button.style.display='block'; //displays the buttonpero mi pregunta es: ¿es posible vincular una URL con el botón de manera que cada vez que un usuario presione el botón; la descarga comenzará en el navegador. Explique con JS simple o simple sin ningún marco o biblioteca. Gracias :)
Intente esto si necesita descargar la imagen al hacer clic en el botón, pero tenga en cuenta que Chrome 65 y versiones posteriores solo admiten enlaces de descarga del mismo origen si usa el atributo de download .
const link = document.createElement("a"); link.href = "image.jpg"; link.download = "download.jpg"; document.body.appendChild(link); link.click(); document.body.removeChild(link);Utilice el atributo HTML onClick para especificar la función de JavaScript que se ejecutará cuando se haga clic en el botón. En la función JS, redirija a su usuario al enlace de descarga. Aquí se explica cómo redirigir con JS.
//button HTML <input type="button" id="down_button" value="Download noww !" onClick="download()"> //JS function function download(){ window.location.replace("http://stackoverflow.com"); }Lea esos recursos para que pueda desarrollar una comprensión tanto de la funcionalidad de enlace a un botón como de la redirección de la dirección del navegador.