blocks|key|1231804|text|在jspdf.js中搜索以下内容：
如果(键入==+'datauri')+{+document.location.href+=‘document.location.href:application/pdf；base64+64，’%2BBase64.encode(缓冲区)；}|type|ordered-list-item|depth|inlineStyleRanges|entityRanges|data|1231805|加：
如果(输入==+'datauriNew')+{window.open(‘window.open:application/pdf；base64+64，’%2Bbase64+64.encode(缓冲区))；}|1231806|称此选项为“datauriNew”Saludos+;)|1231807|unstyled|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|J|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|K|8|@]|9|@]|A|$]]|$1|F|3|-4|5|G|7|L|8|@]|9|@]|A|$]]]|H|$]]

<ol>
<li>Search in jspdf.js this:

<pre><code>if(type == 'datauri') {
 document.location.href ='data:application/pdf;base64,' + Base64.encode(buffer);
}
</code></pre></li>
<li>Add :

<pre><code>if(type == 'datauriNew') { 
 window.open('data:application/pdf;base64,' + Base64.encode(buffer));
}
</code></pre></li>
<li>call this option 'datauriNew' Saludos ;)</li>
</ol>

blocks|key|151950|text|根据源，您可以使用'dataurlnewwindow‘参数进行输出()：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|151951|doc.output('dataurlnewwindow');|code-block|syntax|javascript|151952|资料来源于github：https://github.com/MrRio/jsPDF/blob/master/jspdf.js#L914|offset|length|151953|所有可能的案件：|151954|doc.output('save',+'filename.pdf');+//Try+to+save+PDF+as+a+file+(not+works+on+ie+before+10,+and+some+mobile+devices)
doc.output('datauristring');++++++++//returns+the+data+uri+string
doc.output('datauri');++++++++++++++//opens+the+data+uri+in+current+window
doc.output('dataurlnewwindow');+++++//opens+the+data+uri+in+new+window|151955|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/MrRio/jsPDF/blob/master/jspdf.js#L914^0|0|0|C|1K|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Based on the source you can use the 'dataurlnewwindow' parameter for output():

<pre><code>doc.output('dataurlnewwindow');
</code></pre>

Source in github:
<a href="https://github.com/MrRio/jsPDF/blob/master/jspdf.js#L914" rel="noreferrer">https://github.com/MrRio/jsPDF/blob/master/jspdf.js#L914</a> 

All possible cases:

<pre><code>doc.output('save', 'filename.pdf'); //Try to save PDF as a file (not works on ie before 10, and some mobile devices)
doc.output('datauristring'); //returns the data uri string
doc.output('datauri'); //opens the data uri in current window
doc.output('dataurlnewwindow'); //opens the data uri in new window
</code></pre>

blocks|key|152038|text|这个解决方案对我有用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152039|window.open(doc.output('bloburl'))|code-block|syntax|javascript|152040|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|$]]

This solution working for me

<pre><code>window.open(doc.output('bloburl'))
</code></pre>

blocks|key|2549203|text|我必须使用这个直接加载PDF。使用doc.output('dataurlnewwindow');为我提供了一个丑陋的iframe。Mac/Chrome|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2549204|++var+string+=+doc.output('datauristring');
++var+x+=+window.open();
++x.document.open();
++x.document.location=string;|code-block|syntax|javascript|2549205|entityMap^0|H|V|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I have to use this to load the PDF directly. Using <code>doc.output('dataurlnewwindow');</code> produces an ugly iframe for me. Mac/Chrome.

<pre><code> var string = doc.output('datauristring');
 var x = window.open();
 x.document.open();
 x.document.location=string;
</code></pre>

blocks|key|2549242|text|或者..。你可以用Blob来实现这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2549243|比如：|2549244|pdf.addHTML($('#content'),+y,+x,+options,+function+()+{
++++var+blob+=+pdf.output("blob");
++++window.open(URL.createObjectURL(blob));
});|code-block|syntax|javascript|2549245|该代码允许您在浏览器中创建Blob对象，并在新选项卡中显示它。|2549246|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|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Or...
You can use Blob to achive this.

Like:

<pre><code>pdf.addHTML($('#content'), y, x, options, function () {
 var blob = pdf.output("blob");
 window.open(URL.createObjectURL(blob));
});
</code></pre>

That code let you create a Blob object inside the browser and show it in the new tab.

blocks|key|152151|text|此代码将帮助您在新选项卡中打开生成的pdf，并具有所需的标题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152152|+let+pdf+=+new+jsPDF();
+pdf.setProperties({
++++++++++title:+"Report"
++++++});
++++++pdf.output('dataurlnewwindow');|code-block|syntax|javascript|152153|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|$]]

this code will help you to open generated pdf in new tab with required title

<pre><code> let pdf = new jsPDF();
 pdf.setProperties({
 title: "Report"
 });
 pdf.output('dataurlnewwindow');
</code></pre>

blocks|key|151941|text|使用javascript，您可以使用以下代码将生成的pdf发送到新窗口。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|151942|var+string+=+doc.output('datauristring');

var+iframe+=+"<iframe+width='100%25'+height='100%25'+src='"+%2B+string+%2B+"'></iframe>"

var+x+=+window.open();
x.document.open();
x.document.write(iframe);
x.document.close();|code-block|syntax|javascript|151943|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|$]]

using javascript you can send the generated pdf to a new window using the following code.

<pre><code>var string = doc.output('datauristring');

var iframe = "&lt;iframe width='100%' height='100%' src='" + string + "'&gt;&lt;/iframe&gt;"

var x = window.open();
x.document.open();
x.document.write(iframe);
x.document.close();
</code></pre>

blocks|key|1231898|text|我就是这样处理的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231899|window.open(doc.output('bloburl'),+'_blank');|code-block|syntax|javascript|1231900|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|$]]

This is how I handle it.

<pre><code>window.open(doc.output('bloburl'), '_blank');
</code></pre>

blocks|key|152042|text|Javascript代码|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|152043|//+IE+doesn't+allow+using+a+blob+object+directly+as+link+href
//+instead+it+is+necessary+to+use+msSaveOrOpenBlob
if+(window.navigator+&&+window.navigator.msSaveOrOpenBlob)+{
++window.navigator.msSaveOrOpenBlob(doc.output("blob"),+"Name.pdf");
}+else+{

++//+For+other+browsers:
++//+Create+a+link+pointing+to+the+ObjectURL+containing+the+blob.
++doc.autoPrint();
++window.open(
++++URL.createObjectURL(doc.output("blob")),
++++"_blank",
++++"height=650,width=500,scrollbars=yes,location=yes"
++);

++//+For+Firefox+it+is+necessary+to+delay+revoking+the+ObjectURL
++setTimeout(()+=>+{++++
++++window.URL.revokeObjectURL(doc.output("bloburl"));
++},+100);
}|code-block|syntax|javascript|152044|entityMap^0|0|C|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Javascript code

<pre><code>// IE doesn't allow using a blob object directly as link href
// instead it is necessary to use msSaveOrOpenBlob
if (window.navigator &amp;&amp; window.navigator.msSaveOrOpenBlob) {
 window.navigator.msSaveOrOpenBlob(doc.output("blob"), "Name.pdf");
} else {

 // For other browsers:
 // Create a link pointing to the ObjectURL containing the blob.
 doc.autoPrint();
 window.open(
 URL.createObjectURL(doc.output("blob")),
 "_blank",
 "height=650,width=500,scrollbars=yes,location=yes"
 );

 // For Firefox it is necessary to delay revoking the ObjectURL
 setTimeout(() =&gt; { 
 window.URL.revokeObjectURL(doc.output("bloburl"));
 }, 100);
}
</code></pre>

blocks|key|2549339|text|步骤1|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2549340|关闭addblock|2549341|步骤2|2549342|添加|2549343|window.open(doc.output('bloburl'),+'_blank');|code-block|syntax|javascript|2549344|或者尝试|2549345|doc.output('dataurlnewwindow')|2549346|entityMap^0|0|3|0|0|0|3|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|13|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|14|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|15|8|@]|D|@]|E|$]]|$1|S|3|T|5|N|7|16|8|@]|D|@]|E|$O|P]]|$1|U|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|V|$]]

STEP 1 
Turn off addblock

STEP 2 
Add

<pre><code>window.open(doc.output('bloburl'), '_blank');
</code></pre>

Or try 

<pre><code>doc.output('dataurlnewwindow')
</code></pre>

blocks|key|152205|text|通常你可以下载、显示或获取blob字符串|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|152206|const+pdfActions+=+{
++++save:+()+=>+doc.save(filename),
++++getBlob:+()+=>+{
++++++const+blob+=+doc.output('datauristring');
++++++console.log(blob)
++++++return+blob
++++},
++++show:+()+=>+doc.output('dataurlnewwindow')
++}|code-block|syntax|javascript|152207|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/rusovd/jspldf_simplest^0|5|F|0|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|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Generally you can <a href="https://github.com/rusovd/jspldf_simplest" rel="nofollow noreferrer">download it, show, or get a blob string</a>:
<pre><code>const pdfActions = {
 save: () =&gt; doc.save(filename),
 getBlob: () =&gt; {
 const blob = doc.output('datauristring');
 console.log(blob)
 return blob
 },
 show: () =&gt; doc.output('dataurlnewwindow')
 }
</code></pre>

blocks|key|152155|text|这对我有用！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152156|当您指定窗口功能时，它将在新窗口中打开。|152157|就像：|152158|window.open(url,"_blank","top=100,left=200,width=1000,height=500");|code-block|syntax|javascript|152159|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|$]]

This works for me!!!

When you specify window features, it will open in a new window 

Just like : 

<pre><code>window.open(url,"_blank","top=100,left=200,width=1000,height=500");
</code></pre>

blocks|key|151978|text|第一步:包括文件和插件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|151979|../jspdf.plugin.addimage.js|code-block|syntax|javascript|151980|步骤二:构建doc+=新的jsPDF()；|151981|doc.setFontSize(12);
doc.text(35,+25,+"Welcome+to+JsPDF");
doc.addImage(imgData,+'JPEG',+15,+40,+386,+386);|151982|第三步:在新窗口中显示图像|151983|doc.output('dataurlnewwindow');|151984|步骤IV:保存数据|151985|var+output+=+doc.output();
return+btoa(+output);|151986|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

Step I: include the file and plugin

<pre><code>../jspdf.plugin.addimage.js
</code></pre>

Step II: build PDF content
var doc = new jsPDF();

<pre><code>doc.setFontSize(12);
doc.text(35, 25, "Welcome to JsPDF");
doc.addImage(imgData, 'JPEG', 15, 40, 386, 386);
</code></pre>

Step III: display image in new window

<pre><code>doc.output('dataurlnewwindow');
</code></pre>

Stepv IV: save data

<pre><code>var output = doc.output();
return btoa( output);
</code></pre>

blocks|key|152021|text|Javascript代码：添加到终结行|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|152022|$("#pdf_preview").attr("src",+pdf.output('datauristring'));|code-block|syntax|javascript|152023|HTML代码:插入正文|152024|​|152025|<head>
</head>
<body>
<H1>Testing</h1>
<iframe+id="pdf_preview"+type="application/pdf"+src=""+width="800"+height="400"></iframe>
</body>
</html>|152026|预览在同一窗口内的iframe和其他内容。|152027|entityMap^0|0|D|0|0|0|B|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|11|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|13|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

Javascript code: Add in end line

<pre><code>$("#pdf_preview").attr("src", pdf.output('datauristring'));
</code></pre>

HTML Code: Insert in body 



<pre><code>&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;H1&gt;Testing&lt;/h1&gt;
&lt;iframe id="pdf_preview" type="application/pdf" src="" width="800" height="400"&gt;&lt;/iframe&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

preview within same window inside iframe along with with other contents.

blocks|key|152214|text|此外，重要的是要记住，output方法有其他值，测试所有这些值以选择适合您的情况的理想值可能很有趣。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152215|https://artskydj.github.io/jsPDF/docs/jsPDF.html#output|offset|length|152216|一次测试一行：|152217|doc.output('arraybuffer');
doc.output('blob');
doc.output('bloburi');
doc.output('bloburl');
doc.output('datauristring');
doc.output('dataurlstring');
doc.output('datauri');
doc.output('dataurl');
doc.output('dataurlnewwindow');
doc.output('pdfobjectnewwindow');
doc.output('pdfjsnewwindow');|code-block|syntax|javascript|152218|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1J|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|Z|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

Additionally, it is important to remember that the output method has other values and it might be interesting to test all of them to choose the ideal one for your case.
<a href="https://artskydj.github.io/jsPDF/docs/jsPDF.html#output" rel="nofollow noreferrer">https://artskydj.github.io/jsPDF/docs/jsPDF.html#output</a>
test one line at a time:
<pre><code>doc.output('arraybuffer');
doc.output('blob');
doc.output('bloburi');
doc.output('bloburl');
doc.output('datauristring');
doc.output('dataurlstring');
doc.output('datauri');
doc.output('dataurl');
doc.output('dataurlnewwindow');
doc.output('pdfobjectnewwindow');
doc.output('pdfjsnewwindow');
</code></pre>

I am using jspdf to generate a pdf file. Every thing is working fine. But how to open generated 
pdf in new tab or new window.

I am using 

<pre><code>doc.output('datauri');
</code></pre>

Which is opening the pdf in same tab.

How to open generated pdf using jspdf in new window

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我使用jspdf生成一个pdf文件。每件事都很正常。但是如何在新选项卡或新窗口中打开生成的pdf。我在用doc.output('datauri');在同一个选项卡中打开pdf。

问如何在新窗口中使用jspdf打开生成的pdf
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在新窗口中使用jspdf打开生成的pdfEN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在新窗口中使用jspdf打开生成的pdf
EN