Duas maneiras de implementar arquivos clique para baixar em páginas HTML

Autor：Eve Cole Data da Última Atualização：2025-01-27 05:12:01

1. Use a tag <a> para completar

 <a href=/user/test/xxxx.txt download=filename.txt>Clique para fazer download</a>

Desta forma, quando o usuário abrir o navegador e clicar no link, o arquivo será baixado diretamente.

Mas há uma situação, como txt, png, jpg e outros arquivos que o navegador suporta para abrir diretamente, não executará a tarefa de download, mas abrirá o arquivo diretamente. Nesse caso, é necessário adicionar um atributo download para. a etiqueta a;

O seguinte é um exemplo

Vá para a tag <a> para exibir o caminho do arquivo e complete o caminho do arquivo de acordo com os prompts do caminho.

 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>Clique para baixar< /a> </body> </html>

Se precisar baixar imagens enviadas de uma página da web, você pode usar os seguintes métodos:

Obtenha o nome de domínio do host:

localização.nome do host

Obtenha o número da porta:

localização.porta

2. Use botões para monitorar

O monitoramento de botões pode ser dividido em dois métodos:

Um é window.open()

 var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2); //Uma interface de backend para download de arquivos é conhecida: https://codeload.github.com/douban/douban-client/legacy. /master //Método 1: window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master });

O segundo é o envio do formulário

 //Método 2: Através do formulário $eleBtn2.click(function(){ var $eleForm = $(<form method='get'></form>); $eleForm.attr(action,https://codeload.github .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); });

Resumir

As opções acima são duas maneiras de implementar arquivos clique para baixar em páginas HTML introduzidas pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a tempo. . Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!