blocks|key|111824|text|https://github.com/mozilla/pdf.js/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|111825|用于现场演示http://mozilla.github.io/pdf.js/|111826|这可能是你想要的，但我看不出这一点，因为现代浏览器包括这样的功能，而且它在低功耗设备上运行会非常慢，比如移动设备，顺便说一句，有自己优化的插件和应用程序。|111827|entityMap|0|LINK|mutability|MUTABLE|url|1|http://mozilla.github.io/pdf.js/^0|0|Y|0|0|6|W|1|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|4]]|O|$5|K|L|M|C|$N|P]]]]

<a href="https://github.com/mozilla/pdf.js/">https://github.com/mozilla/pdf.js/</a>

for a live demo <a href="http://mozilla.github.io/pdf.js/">http://mozilla.github.io/pdf.js/</a>

it's probably what you want, but I can't see the point of this since modern browsers include such functionality, also it will run terribly slow on low-powered devices like mobile devices that, by the way, have their own optimized plugins and apps.

blocks|key|329564|text|这是一个从iframe打印PDF的函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|329565|您只需将PDF的URL传递给函数即可。它将创建一个iframe，并在加载PDF后触发打印。|329566|请注意，该函数不会销毁iframe。相反，它会在每次调用函数时重用它。很难销毁iframe，因为在打印完成之前需要它，而print方法没有回调支持(据我所知)。|329567|printPdf+=+function+(url)+{
++var+iframe+=+this._printIframe;
++if+(!this._printIframe)+{
++++iframe+=+this._printIframe+=+document.createElement('iframe');
++++document.body.appendChild(iframe);

++++iframe.style.display+=+'none';
++++iframe.onload+=+function()+{
++++++setTimeout(function()+{
++++++++iframe.focus();
++++++++iframe.contentWindow.print();
++++++},+1);
++++};
++}

++iframe.src+=+url;
}|code-block|syntax|javascript|329568|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Here is a function to print a PDF from an iframe.

You just need to pass the URL of the PDF to the function. It will create an iframe and trigger print once the PDF is load.

Note that the function doesn't destroy the iframe. Instead, it reuses it each time the function is call. It's hard to destroy the iframe because it is needed until the printing is done, and the print method doesn't has callback support (as far as I know).

<pre><code>printPdf = function (url) {
 var iframe = this._printIframe;
 if (!this._printIframe) {
 iframe = this._printIframe = document.createElement('iframe');
 document.body.appendChild(iframe);

 iframe.style.display = 'none';
 iframe.onload = function() {
 setTimeout(function() {
 iframe.focus();
 iframe.contentWindow.print();
 }, 1);
 };
 }

 iframe.src = url;
}
</code></pre>

blocks|key|329613|text|您可以使用Print.js+(npm+install+print-js)。它是128kB的，你可以在http://printjs.crabbly.com/上找到文档。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|329614|但它不能在IE上打印，在这种情况下，你必须下载PDF来代替。|329615|$http({
++++url:+"",
++++method:+"GET",
++++headers:+{
++++++++"Content-type":+"application/pdf"
++++},
++++responseType:+"arraybuffer"
}).success(function+(data,+status,+headers,+config)+{
++++var+pdfFile+=+new+Blob([data],+{
++++++++type:+"application/pdf"
++++});
++++var+pdfUrl+=+URL.createObjectURL(pdfFile);
++++//window.open(pdfUrl);
++++printJS(pdfUrl);
++++//var+printwWindow+=+$window.open(pdfUrl);
++++//printwWindow.print();
}).error(function+(data,+status,+headers,+config)+{
++++alert("Sorry,+something+went+wrong")
});|code-block|syntax|javascript|329616|entityMap|0|LINK|mutability|MUTABLE|url|http://printjs.crabbly.com/^0|F|K|1E|R|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|6|7|10|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

You can use Print.js (<code>npm install print-js</code>). It's 128kB unpacked and you can find the docs at <a href="http://printjs.crabbly.com/" rel="nofollow noreferrer">http://printjs.crabbly.com/</a>.
It doesn't print on IE though, in those cases you'll have to download the PDF instead.
<pre><code>$http({
 url: &quot;&quot;,
 method: &quot;GET&quot;,
 headers: {
 &quot;Content-type&quot;: &quot;application/pdf&quot;
 },
 responseType: &quot;arraybuffer&quot;
}).success(function (data, status, headers, config) {
 var pdfFile = new Blob([data], {
 type: &quot;application/pdf&quot;
 });
 var pdfUrl = URL.createObjectURL(pdfFile);
 //window.open(pdfUrl);
 printJS(pdfUrl);
 //var printwWindow = $window.open(pdfUrl);
 //printwWindow.print();
}).error(function (data, status, headers, config) {
 alert(&quot;Sorry, something went wrong&quot;)
});
</code></pre>

blocks|key|111957|text|我使用此函数从服务器下载pdf流。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|111958|function+printPdf(url)+{
++++++++var+iframe+=+document.createElement('iframe');
++++++++//+iframe.id+=+'pdfIframe'
++++++++iframe.className='pdfIframe'
++++++++document.body.appendChild(iframe);
++++++++iframe.style.display+=+'none';
++++++++iframe.onload+=+function+()+{
++++++++++++setTimeout(function+()+{
++++++++++++++++iframe.focus();
++++++++++++++++iframe.contentWindow.print();
++++++++++++++++URL.revokeObjectURL(url)
++++++++++++++++//+document.body.removeChild(iframe)
++++++++++++},+1);
++++++++};
++++++++iframe.src+=+url;
++++++++//+URL.revokeObjectURL(url)
++++}|code-block|syntax|javascript|111959|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I used this function to download pdf stream from server.

<pre><code>function printPdf(url) {
 var iframe = document.createElement('iframe');
 // iframe.id = 'pdfIframe'
 iframe.className='pdfIframe'
 document.body.appendChild(iframe);
 iframe.style.display = 'none';
 iframe.onload = function () {
 setTimeout(function () {
 iframe.focus();
 iframe.contentWindow.print();
 URL.revokeObjectURL(url)
 // document.body.removeChild(iframe)
 }, 1);
 };
 iframe.src = url;
 // URL.revokeObjectURL(url)
 }
</code></pre>

blocks|key|329687|text|您可以使用fetch下载pdf文件，并使用print.js打印它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|329688|++++++++++++++++++++++++++fetch("url")
++++++++++++++++++++++++++++.then(function+(response)+{

++++++++++++++++++++++++++++++++response.blob().then(function+(blob)+{
++++++++++++++++++++++++++++++++++++var+reader+=+new+FileReader();
++++++++++++++++++++++++++++++++++++reader.onload+=+function+()+{

++++++++++++++++++++++++++++++++++++++++//Remove+the+data:application/pdf;base64,
++++++++++++++++++++++++++++++++++++++++printJS({
++++++++++++++++++++++++++++++++++++++++++++printable:+reader.result.substring(28),
++++++++++++++++++++++++++++++++++++++++++++type:+'pdf',
++++++++++++++++++++++++++++++++++++++++++++base64:+true
++++++++++++++++++++++++++++++++++++++++});
++++++++++++++++++++++++++++++++++++};
++++++++++++++++++++++++++++++++++++reader.readAsDataURL(blob);
++++++++++++++++++++++++++++++++})
++++++++++++++++++++++++++++});|code-block|syntax|javascript|329689|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can download the pdf file using fetch, and print it with print.js
<pre><code> fetch(&quot;url&quot;)
 .then(function (response) {

 response.blob().then(function (blob) {
 var reader = new FileReader();
 reader.onload = function () {

 //Remove the data:application/pdf;base64,
 printJS({
 printable: reader.result.substring(28),
 type: 'pdf',
 base64: true
 });
 };
 reader.readAsDataURL(blob);
 })
 });
</code></pre>

blocks|key|329720|text|简化@Nicolas+BADIA的回答：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|329721|function+printPDF+(url)
{
++++let+pdfFrame+=+document.body.appendChild(document.createElement('iframe'));
++++pdfFrame.style.display+=+'none';
++++pdfFrame.onload+=+()+=>+(void+pdfFrame.contentWindow.print());
++++pdfFrame.src+=+url;
}|code-block|syntax|javascript|329722|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Simplification of @Nicolas BADIA's answer:
<pre><code>function printPDF (url)
{
 let pdfFrame = document.body.appendChild(document.createElement('iframe'));
 pdfFrame.style.display = 'none';
 pdfFrame.onload = () =&gt; (void pdfFrame.contentWindow.print());
 pdfFrame.src = url;
}
</code></pre>

I am building a list of PDFs in HTML. In the list I'd like to include a download link and a print button/link. Is there some way to directly open the Print dialog for the PDF without the user seeing the PDF or opening a PDF viewer?

Some variation of downloading the PDF into a hidden iframe and triggering it to print with JavaScript?

Print PDF directly from JavaScript

服务器

我正在建立一个HTML格式的PDF列表。在列表中，我想包括一个下载链接和一个打印按钮/链接。有没有什么方法可以直接打开PDF的打印对话框，而不需要用户看到PDF或打开PDF查看器？将PDF下载到隐藏的iframe中并使用JavaScript触发它打印的一些变体？

问直接从JavaScript打印PDF
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问直接从JavaScript打印PDFEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问直接从JavaScript打印PDF
EN