Tengo un sitio web con Gatsby.JS
Quiero cuando haga clic en el botón de descarga, descargue un archivo pdf estático.
<button> <a download={`../../file.pdf`}> İndir</a> </button> este ../../file.pdf es la ruta de la carpeta estática.
Por encima del código mi código descargable.
Pero esto no es trabajo. ¿Cómo puedo arreglar?
El atributo de download , resumiendo mucho, es solo una forma de establecer el nombre del elemento descargable, pero es el atributo href el que debe apuntar al elemento que desea descargar.
Esto debería funcionar:
<a download={`Some Fancy Name`} href={`../../file.pdf`}>İndir</a> Vuelva a verificar la ruta ../../file.pdf para asegurarse de que sea válida o que el file.pdf pertenezca a esa ruta.
La carpeta estática replica su estructura interna en la pública ( /public ) cuando se construye el sitio. Entonces, una estructura como: /static/file.pdf debe señalarse como:
<a download={`Some Fancy Name`} href={`/file.pdf`}>İndir</a>Dado que la carpeta estática se convierte en la "raíz", el nivel 0.