作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我将 PDF 嵌入到来自服务器的 IFRAME 中,该服务器不幸为它们提供 Content-Disposition:attachment;
.
有没有办法强制浏览器内联显示PDF?不幸的是,我无法更改 iframe 中链接的 PDF 文件的标题。
最佳答案
您可以使用 pdf.js 库在 html 页面中呈现 pdf。
Mozilla Pdf.js
HTML CODE
<!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 CODE
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);
});
关于pdf - 强制 PDF 显示内联,即使 Content-Disposition 另有说明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17157106/
我是一名优秀的程序员,十分优秀!