Dos formas de implementar archivos de descarga mediante clic en páginas HTML

Autor：Eve Cole Fecha de actualización：2025-01-27 05:12:01

1. Utilice la etiqueta <a> para completar

 <a href=/user/test/xxxx.txt download=filename.txt>Haga clic para descargar</a>

De esta forma, cuando el usuario abra el navegador y haga clic en el enlace, el archivo se descargará directamente.

Pero hay una situación en la que txt, png, jpg y otros archivos que el navegador admite para abrir directamente no realizarán la tarea de descarga, pero abrirán el archivo directamente. En este caso, debe agregar un atributo de descarga. la etiqueta a;

El siguiente es un ejemplo

Vaya a la etiqueta <a> para mostrar la ruta del archivo y complete la ruta del archivo de acuerdo con las indicaciones de la ruta.

 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>Haga clic para descargar< /a> </cuerpo> </html>

Si necesita descargar imágenes cargadas desde una página web, puede utilizar los siguientes métodos:

Obtenga el nombre de dominio del host:

ubicación.nombredehost

Obtenga el número de puerto:

ubicación.puerto

2. Utilice botones para monitorear

La monitorización de botones se puede dividir en dos métodos:

Uno es window.open()

 var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2); //Se conoce una interfaz backend para descargar archivos: https://codeload.github.com/douban/douban-client/legacy. /master //Método 1: window.open() $eleBtn1.click(function(){ ventana.open(https://codeload.github.com/douban/douban-client/legacy.zip/master });

El segundo es el envío del formulario.

 //Método 2: a través del formulario $eleBtn2.click(function(){ var $eleForm = $(<form método='get'></form>); $eleForm.attr(action,https://codeload.github .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); //Envíe el formulario para descargar $eleForm.submit(); });

Resumir

Las anteriores son dos formas de implementar archivos de descarga mediante clic en páginas HTML introducidas por el editor. Espero que le resulten útiles. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá a tiempo. . ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!