Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] tentei abrir este pdf no navegdor desses 2 jeitos mas apareceu mensagem de erro

por Talisson Moreira Matos
| 59k xp | 9 posts

*// button id="btn" onclick=abrirPDF()" > *//buscar const botao = document.getElementById('btn') botao.addEventListener('click',function(){ const caminhoArquivoPDF = 'genetica.pdf'; const urlArquivoPDF = URL.createObjectURL(new Blob([caminhoArquivoPDF], { type: 'application/pdf'})); window.open(urlArquivoPDF) });

function abrirPDF(){ const caminhoArquivoPDF = 'genetica.pdf'; const urlArquivoPDF = URL.createObjectURL(new Blob([caminhoArquivoPDF], { type: 'application/pdf'})); window.open(urlArquivoPDF);

1 resposta
solução!
por Renan Lima
| 3460.2k xp | 7305 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Talisson.

Tudo bem?

Se entendi certo você tem o PDF em uma pasta no projeto, e quer que ele abra no navegador após clicar no botão. Seria isso?

Vou deixar um exemplo de como você pode fazer isso, veja:

HTML:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Abrir PDF</title>
</head>
<body>
    <button onclick="abrirPdf()" >Abrir o PDF</button>
    <script src="./main.js"></script>
</body>
</html>

JavaScript:


function abrirPdf(){
  console.log("FUNCIONOU!")
  // Caminho para o arquivo PDF
  var pdfUrl = './assets/Currículo_Renan_Bezerra.pdf';
  // Abre o PDF em uma nova aba
  window.open(pdfUrl, '_blank');
}

Eu achei o seu código um pouco confuso, por isso resolvi fazer um exemplo a parte. Outra coisa, faltou você compartilhar o erro que apareceu.

Qualquer coisa compartilha os seus códigos completos dos arquivos HTML e JavaScript. Assim consigo elaborar uma resposta mais assertiva baseada no seu código.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.