Como acionar um download de um arquivo ao clicar em um botão HTML ou JavaScript?

JavaScript é um idioma baseado em scripts e integra-se ao HTML para interfaces interativas da Web. Ele facilita vários recursos, como um menu suspenso, mensagens de alerta pop-up e arquivos de gatilho para downloads.

Nesta postagem, você aprenderá sobre o desencadeamento de um arquivo de download clicando em um botão HTML e código JavaScript.

Além disso, esta postagem serve os seguintes resultados:

• Como acionar um download de um arquivo ao clicar em um botão HTML
• Como acionar um download de arquivo usando javascript

Método 1: Como acionar um download de um arquivo clicando em um botão HTML?

Este método está adaptado para acionar um download de um arquivo pressionando o botão HTML. A sintaxe a seguir servirá ao objetivo de baixar um arquivo clicando em um botão HTML:

Sintaxe

Você precisa utilizar o tag para criar um botão HTML e definir seu valor como “Download”. O valor é um atributo definido pelo usuário e pode ser definido conforme o desejo do usuário.

Exemplo

Neste exemplo, um botão HTML é usado para acionar um arquivo de download. O código é o seguinte:

Código

Acionar um download de arquivo usando o botão HTML

Download

O script é executado no teste.html arquivo. A descrição está listada abaixo:

• Primeiramente,

  é usado para exibir uma mensagem com um parágrafo marcação.

• Depois disso, a tag é empregado para exibir um botão em um navegador da web.
• No final, o ONCLICK A palavra -chave é utilizada para exibir uma nova janela quando um usuário clica em um botão.

Saída

Depois de clicar no botão "Download", o usuário pode baixar "computador.jpg ”.

Método 2: Como acionar um download de arquivo usando JavaScript?
Outro método é adaptado para baixar um arquivo utilizando JavaScript. O download() O método é utilizado para baixar um arquivo pressionando o botão. O código para este objetivo é dado abaixo.

Código

Como acionar um arquivo de download quando
Clicando em um botão HTML ou JavaScript?

<br>Bem -vindo ao JavaScript World<br>

value = "Download" />

A descrição do código está listada aqui:

• Em primeiro lugar, uma mensagem é exibida utilizando o

  Tag.

• Depois disso, é utilizado para alocar uma área de texto para entrada do usuário.
• Além disso, um botão é usado para baixar o arquivo pressionando -o.
• O addEventListener () é utilizado para desencadear um evento e baixar um JavaScript.TXT arquivo.

Saída:

A saída retorna uma área de texto com um "Download" botão. Depois de pressionar o botão, ele desencadeia um JavaScript.TXT Arquivo para download.

Conclusão

Dois métodos são adaptados para acionar um download de arquivo Utilizando o Botão HTML e JavaScript.

No primeiro método, o botão HTML está associado ao seu ONCLICK evento para baixar o arquivo especificando a localização do arquivo. No segundo método, o código JavaScript é utilizado para obter informações do usuário e baixar o arquivo. Além disso, a implementação prática também é dada para baixar arquivos utilizando o Botão HTML e JavaScript.