2016-03-03 76 views
0

我正在使用java swt浏览器进行java单页应用程序。在浏览器中,网页成功显示PDF,但在swt浏览器中PDF不能正确显示。
我正在使用<object/>标记来显示PDF。PDF未在java swt浏览器中显示

$(document).on('click', 'input[type=button]', function(){ 
       var datas = '<object data="files/Documents/'+$(this).attr('class')+'#page=1&zoom=130" type="application/pdf" width="100%" height="100%"></object>'; 
       $('#custom-size-dialogBox').dialogBox({ 

       width: screen.width-100, 
       height: screen.height-100, 
           hasMask: true, 
           title: 'View Details', 
       hasClose: true, 
       content: datas 

          }); 
}); 

回答

1

如果你可以假设一个系统的PDF阅读器安装后,你可以通过设置下面的HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<head> 

</head> 
<body onResize="fit();"> 
<embed 
    type="application/pdf" 
    src="http://www.adobe.com/security/pdfs/riskcompliance_faq.pdf" 
    id="pdfDocument"> 
</embed>  
<script type="text/javascript"> 
fit(); 
function fit() { 
var myWidth = 0, myHeight = 0; 
if(typeof(window.innerWidth) == 'number') { 
//Non-IE 
myWidth = window.innerWidth; 
myHeight = window.innerHeight; 
} else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
//IE 6+ in 'standards compliant mode' 
myWidth = document.documentElement.clientWidth; 
myHeight = document.documentElement.clientHeight; 
} else if(document.body && (document.body.clientWidth || document.body.clientHeight)) { 
//IE 4 compatible 
myWidth = document.body.clientWidth; 
myHeight = document.body.clientHeight; 
} 
document.getElementById('pdfDocument').width = myWidth; 
document.getElementById('pdfDocument').height = myHeight; 
}</script> 
</body> 
</html> 

嵌入标签的src使用浏览器控件必须指向所需的PDF ,对于本地文件:file://myPath/../test.pdf