En este artículo, aprenderemos a especificar el destino de un enlace cuando el usuario lo abre y luego descargará la imagen o cualquier otro archivo. Este enlace se utiliza cuando el usuario necesita descargar directamente el archivo al hacer clic en el hipervínculo.
Acercarse:
Para hacer eso, tenemos que usar un atributo llamado descarga que se usa en la etiqueta <a> . Se usa para descargar el elemento cuando el usuario hace clic en el hipervínculo y solo se usa cuando se establece el atributo href . También podemos proporcionarle un valor, que le dará un nombre al archivo descargado.
Sintaxis:
<a href = "file" download = "file name">
Ejemplo 1:
HTML
<!DOCTYPE html> <html lang="en"> <!--body tag starts from here--> <body> <h2 style="color:#0F9D58;">GeeksforGeeks</h2> <b> Download target when a user clicks on the HTML5 hyperlink </b> <br/> <p> A link below downloads the image file when clicked on it </p> <a href="gfg1.png" download="logo of gfg"> Click to download the logo of GeeksforGeeks </a> </body> </html>
Salida: Podemos ver que el valor que le dimos en el atributo de descarga se muestra como el nombre del archivo descargado.
archivo descargado
Ejemplo 2:
<!DOCTYPE html> <html> <body> <p>Click on image to download</p> <a href= "https://media.geeksforgeeks.org/wp-content/uploads/20190221234751/geeksforgeeks-logo1.png" download> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20190221234751/geeksforgeeks-logo1.png" alt="gfg" width="500" height="200" /> </a> </body> </html>
Producción: