强制PDF以内联方式显示，即使Content-Disposition另有规定

我将PDF嵌入到来自服务器的IFRAME中，不幸的是，该服务器将它们作为Content-Disposition:attachment;服务。

是否有任何方法强制浏览器内联显示PDF ?不幸的是，我无法更改iframe中链接的PDF文件的标题。

您可以使用pdf.js库在html页面中呈现pdf。Mozilla Pdf.js

<!DOCTYPE html>
<html>
 <head>
  <title>PDF.js Learning</title>
 </head>
 <body>
  <script type="text/javascript" src="pdf.js"></script>
  <canvas id="the-canvas"></canvas>
 </body>
</html>

JAVASCRIPT代码

 var url = "www.pdf995.com/samples/pdf.pdf";
 PDFJS.getDocument(url)
  .then(function(pdf) {
   return pdf.getPage(1);
   })
 .then(function(page) {
 var scale = 1.5;

 var viewport = page.getViewport(scale);
 // Get canvas#the-canvas
 var canvas = document.getElementById('the-canvas');
 // Fetch canvas' 2d context
 var context = canvas.getContext('2d');
 // Set dimensions to Canvas
 canvas.height = viewport.height;
 canvas.width = viewport.width;
 // Prepare object needed by render method
  var renderContext = {
 canvasContext: context,
 viewport: viewport
 };
 // Render PDF page
  page.render(renderContext);
 });

相关内容

最新更新

热门标签：