2016-11-23 2 views
1

PDF로 HTML 페이지를 가져 나는 다운로드 창이방지보기는 브라우저에서 PDF 또는 이미지로 내보내는 동안

아래의 유사한 팝업하지만 볼 수있는 사용자를하지 않으려는 무엇입니까 동안 pdf가 다운로드되었지만 여전히 다운로드 할 수 있습니다.

pop up image

나는 다음 코드를 시도하지만 여전히 나는 파이어 폭스 브라우저의 창을 얻고있다 :

<!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 사용하지하려고 노력했다. 난 당신이 만들고 다른 브라우저 탭에서 PDF 보여주고 싶은 것을 제대로 질문을 이해이

답변

1

에 도움을 요청하기 :

<!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> 

희망 하시겠습니까?

관련 문제