HTML 인라인 PDF

Question

내 HTML에 PDF 문서를 인라인으로 표시하려고합니다. 그러나 내가 아는 모든 방법은 빈 콘텐츠 영역을 보여줍니다.

여기에 예를 확인하시기 바랍니다 : http://codepen.io/abhishekisnot/pen/WxmPmd/?editors=1001

을 지금까지 나는 아래의 모든 방법을 사용하여 시도 :

<object data="http://www.pro-react.com/materials/appendixA.pdf" type="application/pdf" width="100%" height="100%" style="border: 1px solid red;"></object> 

<embed src="http://www.pro-react.com/materials/appendixA.pdf" width="100%" height="100%" type='application/pdf' style="border: 1px solid red;"> 

<iframe src="http://www.pro-react.com/materials/appendixA.pdf" width="100%" height="100%" style=" border: 1px solid red;" frameborder="0"></iframe> 

Answer 1

당신은 아마 당신이 원하는 경우 브라우저에서 일관되게 작동하는 방법을 찾을하지 않을거야 브라우저 기반 또는 브라우저 플러그인 기반 뷰어를 사용하여 PDF를 실제 PDF로 표시합니다. JavaScript 뷰어 중 하나가 필요합니다. PDF 뷰어를 HTML5로 변환 한 다음 표시하기 때문입니다.

src 또는 data로 참조되는 콘텐츠를 표시하기 위해 object 태그와 embed 태그 모두 브라우저 플러그인을 사용하지만 Edge, Chrome 및 Safari와 같은 브라우저는 PDF를 표시하는 플러그인을 사용하지 않으며 기본적으로 지원하고 제공합니다 자신의 크롬을 사용하여 PDF를 탐색 할 수 있습니다. 나는이 태그들과 함께 작동하지 않을 것이라고 생각한다.

Answer 2

이 질문을보십시오 : Recommended way to embed PDF in HTML?. 그것은 많은 유용한 정보를 가지고 있습니다.

그러나 약간 다른 해결책을 구현했습니다.이 대답은 https://stackoverflow.com/a/15971133/932282입니다.