All geek questions in one place

Unable to load PDF from local browser in Chrome

I am working on a project that should open a PDF file from a local path in a dialog box. I can open the PDF from a regular Chrome browser, but I cannot open the same PDF file from the Chrome browser version (check the console element). I have seen so many links offered for opening from a Google drive, but it cannot open a PDF file if an internet connection is not available. How can I achieve this without the Google Drive process. Please help me solve this problem in advance. The code I wrote so far.

Note. I am forbidden to use jQuery in this project, only JavaScript is allowed.

function pdf(objFRM, local_src){
  document.getElementById('dialog').style.display = 'block';
  document.getElementById(objFRM).style.display = 'block';
  document.getElementById(objFRM).src = local_src;
  console.log(document.getElementById(objFRM).src);
}
<a onclick="pdf('iFrame', 'assets/pdf/sample.pdf')"><button class="gray-button">Manual</button></a>

<div id="dialog" style="display:none;">
  <div class="modals">         
     <iframe id="iFrame" type="application/pdf"></iframe>
  </div>
</div>
Run codeHide result
+4
3

Chrome, PDF /, . , , Chrome.

-, assets/pdf/sample.pdf , .

+3

Afaik PDF-Viewer . PDF-Viewer PDF . , , "" , :

<a id='myPDF'>Get Me</a>
document.getElementById(objFRM).href = local_src;
0

"iframe" . , , . . / PDF , 'anchor'.

<object name="frame_1" data="/assets/template/test_pdf.pdf" type="text/pdf" width="600" height="500">
    <embed src="/assets/template/test_pdf.pdf" id="embed_pdf"></embed>
</object>
<link rel="import" name="frame_2" href="/assets/template/test_pdf.pdf">

<a target="frame_1" href="assets/template/test_pdf2.pdf" class="btn btn-raised btn-info">Load PDF</a>

<a target="frame_2" href="assets/template/test_pdf3.pdf" class="btn btn-raised btn-info">Load PDF</a>
0
source

Source: https://habr.com/ru/post/1671023/

More articles:


All Articles