我正在将 PDF 嵌入到服务器的 IFRAME 中,不幸的是,该服务器将它们作为Content-Disposition:attachment;
.
有什么方法可以强制浏览器显示 PDF 内联?不幸的是,我无法更改 iframe 中链接的 PDF 文件的标题。
我正在将 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);
});