render pdf in div container or dynamic tab using pdf.js viewer.html

Asked May 10 '16 at 13:32

Active May 10 '16 at 13:32

Viewed 712 times

I'm using PDF.js to view pdf's. I'm able to open pdf in new browser window. But now I want to open pdf inside div container/tag which will be created on the fly. Sample code below:

var newTabContent = '<div id="'+tabId+'" class="tab_content" style="display: block;"></div>';
                    $('#dynamicTabContent').append(newTabContent);
                    $('#pageContent').hide();
                    $("#"+tabId).show();
                    $("#"+tabId).html(msg); 
                    $dynamicTabContent(viewerUrl);


viewerUrl = viewer.html?file + encodeURIComponent(base64_string);

This is not working. Fails with "pdfViewer is null" error.

asked May 10 '16 at 13:32

paidi eswar

use iframe, in yours case there is no reason not to: works fine in all browsers and provide isolation from you page globals and styles. – async5 May 10 '16 at 13:40
Actually I've to open it inside a dynamic page tab. – paidi eswar May 10 '16 at 15:01

render pdf in div container or dynamic tab using pdf.js viewer.html

0 Answers0