私はjspdfを使用してpdfファイルを生成しています。すべてがうまくいっています。しかし、生成されたPDFを新しいタブまたは新しいウィンドウで開く方法。
私は使っている
doc.output('datauri');
同じタブでpdfを開いています。
私はjspdfを使用してpdfファイルを生成しています。すべてがうまくいっています。しかし、生成されたPDFを新しいタブまたは新しいウィンドウで開く方法。
私は使っている
doc.output('datauri');
同じタブでpdfを開いています。
ソースに基づいて、output() に「dataurlnewwindow」パラメーターを使用できます。
doc.output('dataurlnewwindow');
github のソース: https://github.com/MrRio/jsPDF/blob/master/jspdf.js#L914
考えられるすべてのケース:
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
これを使用してPDFを直接ロードする必要があります。を使用doc.output('dataurlnewwindow');
すると、醜い iframe が生成されます。マック/クローム。
var string = doc.output('datauristring');
var x = window.open();
x.document.open();
x.document.location=string;
ステップ I: ファイルとプラグインを含める
../jspdf.plugin.addimage.js
ステップ II: PDF コンテンツを作成する var doc = new jsPDF();
doc.setFontSize(12);
doc.text(35, 25, "Welcome to JsPDF");
doc.addImage(imgData, 'JPEG', 15, 40, 386, 386);
ステップ III: 新しいウィンドウに画像を表示する
doc.output('dataurlnewwindow');
Stepv IV: セーブデータ
var output = doc.output();
return btoa( output);
STEP 1
アドブロックをオフにする
STEP 2
追加
window.open(doc.output('bloburl'), '_blank');
または試してみてください
doc.output('dataurlnewwindow')
Javascript コード:最終行に追加
$("#pdf_preview").attr("src", pdf.output('datauristring'));
HTML コード: 本文に挿入
<head>
</head>
<body>
<H1>Testing</h1>
<iframe id="pdf_preview" type="application/pdf" src="" width="800" height="400"></iframe>
</body>
</html>
他のコンテンツと一緒に iframe 内の同じウィンドウ内でプレビューします。