Кнопка для загрузки pdf-файла с помощью Next js

Я пытаюсь создать кнопку, если я нажму на нее, файл будет загружен. Я работаю над Nextjs

    <a href = {cv} download = "name cv.pdf"> Download CV </a>

Я сделал этот код в ответ и запустил правильно, но когда я пытаюсь сделать это в следующем js, я получаю «Ошибка - нет файла». Я хотел бы выяснить, что вызывает эту проблему

Каков выход этого?

Rumira Daksith 21.11.2022 07:47

В NextJs он загружается, но пишет Failed - No file

S H N 21.11.2022 07:53
Хук useOnClickOutside в ReactJS
Хук useOnClickOutside в ReactJS
Как разработчик ReactJS, вы, возможно, сталкивались с ситуацией, когда вам нужно закрыть модальное или выпадающее меню, когда кто-то щелкает за его...
Хуки (часть-2) - useEffect
Хуки (часть-2) - useEffect
Хук useEffect - один из самых мощных и универсальных инструментов в арсенале разработчика React. Он позволяет вам управлять побочными эффектами в...
[LXI-SpartaCodingClub Full-Stack Bootcamp in Indonesia] 2023/1/21 TIL/Week 15]
[LXI-SpartaCodingClub Full-Stack Bootcamp in Indonesia] 2023/1/21 TIL/Week 15]
Я научился создавать карусель в ReactJS с помощью библиотеки Splide.
Краткое введение в Styled-компоненты
Краткое введение в Styled-компоненты
В настоящее время популярность Styled-компонентов становится все больше и больше. Большинство проектов, построенных на React.js, используют эту...
ДЕНЬ 8 | Страница обзора в React
ДЕНЬ 8 | Страница обзора в React
На этом сегодня все, завтра снова увидимся с новым проектом!
Как настроить среду разработки React.
Как настроить среду разработки React.
Весь процесс настройки среды разработки react.
0
2
55
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я предполагаю, что вы пытаетесь использовать статический файл PDF в своем проекте nextjs.

Убедитесь, что файл находится в папке public/. Например, предположим, что файл находится в public/cv.pdf.

Затем тег привязки должен быть

<a href = "/cv.pdf" download = "cv">Download CV</a>

Если вы пытаетесь обслуживать с CDN, убедитесь, что ссылка CDN действительна.

<a href = "https://mycdn.com/assets/cv.pdf" download = "cv">Download CV</a>

На самом деле я помещаю cv.pdf в папку /public, а затем набираю внутри компонента Hero.js этот код <a href='../public/cv.pdf' download = "My_File.pdf"> Download Here </a>

S H N 21.11.2022 08:26

Href не должен быть «../public/cv.pdf». Это должно быть '/cv.pdf'

Bug Reporter 22.11.2022 09:32

Большое спасибо; теперь это работает. Моя ошибка в том, что я следовал пути файла.

S H N 22.11.2022 16:07

Другие вопросы по теме