Cómo activar una descarga de un archivo Al hacer clic en un botón HTML o JavaScript?
JavaScript es un lenguaje basado en secuencias de comandos y se integra con HTML para interfaces web interactivas. Facilita varias características, como un menú de caída, mensajes de alerta emergente y archivos de activación para descargas.
En esta publicación, aprenderá sobre activar un archivo de descarga haciendo clic en un botón HTML y un código JavaScript.
Además, esta publicación tiene los siguientes resultados:
- Cómo activar una descarga de archivo al hacer clic en un botón HTML
- Cómo activar una descarga de archivo usando JavaScript
Método 1: Cómo activar una descarga de archivo haciendo clic en un botón HTML?
Este método está adaptado para activar un archivo de descarga presionando el botón HTML. La siguiente sintaxis servirá al propósito de descargar un archivo haciendo clic en un botón HTML:
Sintaxis
Necesitas utilizar el Etiqueta para crear un botón HTML y establecer su valor en "Descargar". El valor es un atributo definido por el usuario y se puede establecer según el deseo del usuario.
Ejemplo
En este ejemplo, se usa un botón HTML para activar un archivo de descarga. El código es el siguiente:
Código
Activar una descarga de archivo usando el botón HTML
El script se ejecuta en el prueba.html archivo. La descripción se enumera a continuación:
- En primer lugar, se usa para mostrar un mensaje con un párrafo etiqueta.
- Después de eso, la etiqueta se emplea para mostrar un botón en un navegador web.
- Al final, el al hacer clic La palabra clave se utiliza para aparecer una nueva ventana cuando un usuario hace clic en un botón.
Producción
Después de hacer clic en el botón "Descargar", El usuario puede descargar "computadora.JPG ".
Método 2: Cómo activar una descarga de archivo usando JavaScript?
Otro método se adapta para descargar un archivo utilizando JavaScript. El descargar() El método se utiliza para descargar un archivo presionando el botón. El código para este objetivo se da a continuación.
Código
Cómo activar un archivo de descarga cuando
Haga clic en un botón HTML o JavaScript?
valor = "descargar" />
La descripción del código se enumera aquí:
- En primer lugar, se muestra un mensaje utilizando el etiquetas.
- Después, se utiliza para asignar un área de texto para la entrada del usuario.
- Además, se usa un botón para descargar el archivo presionándolo.
- El addEventListener () se utiliza para activar un evento y descargar un Javascript.TXT archivo.
Producción:
La salida devuelve un área de texto con un "Descargar" botón. Después de presionar el botón, desencadena un Javascript.TXT archivo para descargar.
Conclusión
Dos métodos están adaptados a activar un archivo descarga utilizando el Botón HTML y Javascript.
En el primer método, el botón HTML está asociado con su al hacer clic evento para descargar el archivo especificando la ubicación del archivo. En el segundo método, el código JavaScript se utiliza para tomar la entrada del usuario y descargar el archivo. Además, la implementación práctica también se ofrece para descargar archivos utilizando el Botón HTML y Javascript.