React 웹 애플리케이션에 로컬 PDF 파일을 표시하기만 하면 됩니다.

Question

React 웹앱으로 나만의 포트폴리오 웹사이트를 만들고 있습니다. 내 이력서만 표시되는 웹사이트의 이력서 페이지를 갖고 싶습니다. 처음에 사이트의 HTML 버전을 만들 때 iframe을 사용하여 이를 달성할 수 있었습니다.

React에서 이 작업을 시도하면 iframe에 PDF 대신 현재 표시된 페이지의 복사본이 표시됩니다. 웹 애플리케이션에서 로컬에 저장된 PDF를 표시하는 쉬운 방법이 있습니까?

Answer 1

HTML에 내장된 <embed> 태그를 사용할 수 있습니다.

예를 들어, 다음 형식은 너비가 150%이고 너비가 650픽셀인 PDF 문서를 지정된 경로에 표시합니다.

으아아아

필요에 따라 너비와 높이를 조정할 수 있습니다.

Answer 2

모든 브라우저 « _Embeddable Google Document Viewer를 사용하여 PDF 파일을 iframe에 삽입하세요.

으아아아 "현재 표시된 페이지의 복사본을 표시합니다"라는 말이 무슨 뜻인지 잘 모르겠습니다. 스크린샷을 통해 더 많은 정보를 제공할 수 있습니다. 프로젝트에 PDF를 저장하는 대신 googleDocs의 PDF를 사용할 수도 있습니다.