2016-11-23 80 views
1

在导入HTML页面PDF我得到一个下载窗口弹出类似下面防止观看

给出的一个,但我不希望用户查看PDF已下载,但仍可以下载。

pop up image 我试着下面的代码,但还是我在Firefox浏览器获得一个窗口:

<!DOCTYPE html> 
<html> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script> 
<body> 


<script> 
window.stop(); 
var pdf = new jsPDF('p', 'pt', 'a4'); 
pdf.addHTML(document.body, function() { 
    pdf.save('web.pdf'); 
}); 
</script> 
    <p id="to-pdf">HTML content...</p> 
</body> 
</html> 

我试图用window.stop,但没有结果。更多关于此

回答

1

我理解正确你的问题,你要创建并显示在另一个浏览器选项卡的PDF您的帮助:

<!DOCTYPE html> 
<html> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script> 
<body> 
    <p id="to-pdf">HTML content...</p> 
</body> 

<script> 
var pdf = new jsPDF('p', 'pt', 'a4'); 
var pdfFile; 
pdf.addHTML(document.body, function() { 
    console.log(pdf); 
    var pdfBlob = pdf.output('blob'); 
    var fileURL = URL.createObjectURL(pdfBlob); 
    window.open(fileURL); 
}); 
</script> 
</html> 

或者你也可以通过点击打开onother标签的PDF按钮:

<!DOCTYPE html> 
<html> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script> 
<body> 
    <p id="to-pdf">HTML content...</p> 
    <p id="openPDFButton">Open PDF</p> 
</body> 

<script> 
var pdf = new jsPDF('p', 'pt', 'a4'); 
var pdfFile; 
pdf.addHTML(document.body,function(){}); 
document.getElementById('openPDFButton').onclick = function(){ 
    var pdfBlob = pdf.output('blob'); 
    var fileURL = URL.createObjectURL(pdfBlob); 
    window.open(fileURL); 
}; 
</script> 
</html> 

希望它能帮助!