How to render a pdf from bytestream in ajax response

Question

I am working on a mobile application.we are using jquery-mobile.

we have an option to view or download the records in pdf format. I dont have the control on backend. I will get the pdf data in json object as an ajax response.I want to read that data and display in a pdf. I have next and previous links are also in the page so we need to display pdf in a div.

var data = {  
    .... : ....,  
    .... : ....,  
    "pdfstream" : "KioqKioqKioqKioq......",  
    ..... : ....  
}  

am able to read all the data but not sure how can i read that bytestream and display as an pdf in the page.

UPDATE: My code is working fine. But the bytestream which am getting from server is wrong.

    var obj = $('<object type="application/pdf" width="100%" height="100%" border="2"></object>'); 
        obj.attr('data','data:application/pdf;base64,'+bytestream);  
        $('#divContainer').append(obj);  

its working fine in all browsers expect in IE. Need to verify why its not working in IE.

Solution 1

Did you try with this

http://mozilla.github.com/pdf.js/

Moreover you can visit the following link, the question is almost similar:

How to display a PDF stream in a browser using javascript

Solution 2

Don't show it in ajax show the pdf as source of an iframe then it will work