Cómo activar la descarga de un archivo al hacer clic en un botón HTML o JavaScript

Solución:

Puede activar una descarga con HTML5 download atributo.

<a href="https://foroayuda.es/path_to_file" download="proposed_file_name">Download</a>

Dónde:

• path_to_file es una ruta que se resuelve en una URL sobre el mismo origen. Eso significa que la página y el archivo deben compartir el mismo dominio, subdominio, protocolo (HTTP frente a HTTPS) y puerto (si se especifica). Las excepciones son blob: y data: (que siempre funciona), y file: (que nunca funciona).
• proposed_file_name es el nombre de archivo para guardar. Si está en blanco, el navegador utiliza de forma predeterminada el nombre del archivo.

Documentación: MDN, estándar HTML en la descarga, estándar HTML en download, Puedo usar

Por el botón puedes hacer

<form method="get" action="file.doc">
   <button type="submit">Download!</button>
</form>

HTML:

<button type="submit" onclick="window.open('file.doc')">Download!</button>

---

---

Utiliza Nuestro Buscador