JS 코드에서 PDF 파일을 열어야하는데, <a href="#" onclick="window.open('http://linktoPDF', 'NewWin');">link</a>
이 좋지 않습니다.자바 스크립트에서 PDF 파일을 여는 방법은 있지만 새 창에서는 볼 수 없습니까?
이 PDF를 현재 페이지의 PDF 뷰어와 같은 형식으로 열고 싶습니다.
JS 코드에서 PDF 파일을 열어야하는데, <a href="#" onclick="window.open('http://linktoPDF', 'NewWin');">link</a>
이 좋지 않습니다.자바 스크립트에서 PDF 파일을 여는 방법은 있지만 새 창에서는 볼 수 없습니까?
이 PDF를 현재 페이지의 PDF 뷰어와 같은 형식으로 열고 싶습니다.
PDF에 직접 연결하지 마십시오. 전체 창을 차지하는 단일 "개체"태그가있는 새 HTML 페이지를 만듭니다. 기본적으로 HTML 래퍼입니다. 개체의 데이터 속성을 원래 링크하려는 PDF로 설정하십시오. HTML 래퍼를 가리 키도록 원본 HTML의 링크를 설정하십시오. 이렇게하면 래퍼가로드되는 방식과 PDF가 페이지에 표시되는 방식을 제어 할 수 있습니다. HTML은 문서의
<body style="overflow:hidden;height:100vh;margin: 0;padding: 0;border: 0;">
<object data="YOUR_PDF.pdf" type="application/pdf" style="width: 100%; height: 100vh"></object>
</body>
링크 위의 HTML 페이지에 대한 일반 링크가 될 것입니다 ... 다음과 같이 보일 것입니다. 단지 은과 같이 보이며 PDF와 직접 연결됩니다.
불행히도 사용자가 설치 한 PDF 판독기 소프트웨어의 동작이 전부이므로 간단한 링크로 제어 할 수 없습니다.
즉, 사용자의 PC에 설치된 PDF 판독기 소프트웨어는 브라우저의 '다운로드'동작을 무시하고 별도의 창이나 클라이언트 응용 프로그램에서 실행하는지 여부에 상관없이 PDF에서 좋아하는 것을 수행합니다.
동일한 창에서 렌더링하려면 제어하는 PDF 뷰어에게 지시해야합니다. 당신이 구글 경우
는 몇 가지가있다, 내가 원하는 것은 당신이 그것을 통과, 당신은 URL을 통해 호출 할 수있는 온라인 타사 뷰어를 찾을 수 있습니다, pdf.js
또는 오픈 소스입니다 URL의 일부로 PDF에 대한 링크
어떻게 할 수 있습니까? –
iframe에서 수행하는 것이 좋습니다. 매우 쉽게 할 수 있고 당신이 찾고있는 결과를 줄 것이라고 생각합니다. –
샘플을 사용하여 답변을 편집했습니다. – joelgeraci