Duas opções: uma é um link direto, tratando o arquivo pdf como um arquivo img, semelhante a <a href=""/>, vinculando assim:
Copie o código do código da seguinte forma:
<frame src="endereço do arquivo pdf"></frame>
Outra maneira: use o plug-in js.
Existem muitos plug-ins js para leitura de arquivos PDF, como: pdf.js: é um protótipo técnico usado principalmente para exibir documentos PDF na plataforma HTML5 sem qualquer suporte técnico local. jsPDF: é uma biblioteca de código aberto que usa linguagem Javascript; para gerar PDF (o IE ainda não é compatível);
Um plug-in js relativamente simples e fácil de usar: PDFObject.js, que é uma biblioteca JavaScript usada para incorporar dinamicamente documentos PDF em HTML.
O efeito é o seguinte:
PDFObject.js foi atualizado para 1.2 e pode oferecer suporte ao IE9.
PDFObject.js Objetivo: Às vezes você precisa de um pouco de JavaScript. Ao fazer isso, experimente PDFObject.
Vamos dar uma olhada nos poucos códigos js:
Copie o código do código da seguinte forma:
<script type="texto/javascript">
janela.onload=função(){
var sucesso = novo PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK, é isso. Basta escrever o endereço corretamente.
E se eu carregar um pdf em uma div? Olhando no site oficial, descobri que o método embed() pode ter parâmetros. Nenhum parâmetro se refere ao corpo e os parâmetros se referem a uma posição específica.
Copie o código do código da seguinte forma:
<script type="texto/javascript">
janela.onload=função(){
var sucesso = novo PDFObject({ url: "sample.pdf" }).embed("id do div");
};
</script>
Claro, você também pode definir outros parâmetros, como quantos segundos deseja visualizar, com css, sem css, etc.