0

Estoy creando mi primer portfolio en React js y estoy intentando colocar un enlace de descarga de mi CV.

Este es el código:

<div>
      <ScrollLink to="mywork" smooth={true}>
        <button className={`btn`}>
            <a href={pdf} target="_blank" rel="noopener noreferrer">Click here for my pdf</a>
        </button>
      </ScrollLink></div>;

el archivo esta importado:

import pdf from '../../../../src/PDFdowload/Grilli-Ignacio-CV.pdf';

Funciona en parte ya que al cliquear aparece esto en el navegador, es como que linquea, pero no se realiza ninguna descarga:

introducir la descripción de la imagen aquí

también probé agregando target="_blank" rel="noopener noreferrer" a la etiqueta ya que al darle clic derecho funciona (no como me gustaría pero es una alternativa) y abre una ventana nueva con el PDF. Es decir, una alternativa sería que al dar clic izquierdo se abra una nueva ventana, para ello el target. Pero por el momento hay que hacerlo con el boton izquiero y sería contra-intuitivo.

Espero me puedan ayudar, desde ya muchas gracias por su tiempo.

1 respuesta 1

2

yo también tuve el mismo problema y lo pude solucionar añadiendo el atributo download al target, así:

<div>
  <ScrollLink to="mywork" smooth={true}>
    <button className={`btn`}>
      <a href={pdf} target="_blank" rel="noopener noreferrer" download="nombre_pretendido_del archivo.pdf"> 
      Click here for my pdf 
      </a>
    </button>
  </ScrollLink>
</div>
1
  • Excelente!! me funcionó correctamente!! muchas gracias! el 12 feb. 2022 a las 19:58

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.