使用javascript在客户端进行PDF文件打印

Question

I am trying to print a pdf file on the client side using javascript. My javascript code is as below

function doit() {
    var win = document.getElementById("pdf");
    var frm = document.getElementById("pdf").contentWindow;
    frm.print();
    win.print();
}          

The problem is that frm is always null and win does not have a function of print

My pdf element is as below

<iframe id="pdf" name="pdf" src="C:\My_P.pdf"></iframe>

I am calling the function from c# as below

ClientScript.RegisterStartupScript(this.GetType(), "Print", "doit();", true);

Really struggling. Please help

Answer 1

The solution to your problem is to call print function after Iframe has been loaded, you may not need to call it from server using RegisterStartupScript

<iframe id="pdf" name="pdf" src="C:\My_P.pdf"
     onload="doit();"></iframe>

Another problem seems to be src path C:\\My_P.pdf , I frame is expecting a url to display content. refer Iframe

To mitigate this, create a directory eg MyResource within your asp.net project and copy your pdf to this directory and change src="/MyResource/My_P.pdf". Your pdf should be a accessible to browser then only Iframe can load it.

Answer 2

Are you being hampered by same origin policy ?

In the past I've used:

window.frames["pdf"].focus();
window.frames["pdf"].print();