Load Pdf file into a div using jQuery/AngularJs

Question

How to load a pdf file into a div using jQuery/AngularJs

ex:

 $.get('/helper/test.pdf', function(data){
              $("#div1").html(data); // like to render pdf in this div
           });

or in angularJs

 $http({ method: 'GET', url: '/helper/test.pdf'}).
           success(function (data) {
               $scope.model.pdfData = data;
           }).
           error(function (data) {
               //alert(data);
           });

Please help me to do this

you can try using pdf.js by Mozilla using their viewer

user753676
– user753676

2014-02-22 12:41:31 +00:00
Commented Feb 22, 2014 at 12:41 — user753676
– user753676, Commented Feb 22, 2014 at 12:41

Community · Accepted Answer · 2017-05-23 12:12:52Z

2

You can embed your PDF in iframe. There are also javascript libraries which adds some improvements.

There is SO topic about this: How to open a PDF file in an <iframe>?

I would consider reasons to do this again. I think it is much better to open a PDF in new window ...

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Feb 22, 2014 at 12:36

knagode

5,9735 gold badges53 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Load Pdf file into a div using jQuery/AngularJs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related