7
Ich habe eine HTML-Datei mit Inhalt wie unten index.htmlWie man eine pdf-Datei mit pdf.js rendert?
<html>
<head>
<script type="text/javascript" src="./pdf.js"></script>
<script type="text/javascript" src="./hello.js"></script>
</head>
<body>
<canvas id="the-canvas" style="border:1px solid black;"/>
</body>
</html>
hello.js mit Inhalt
PDFJS.disableWorker = true;
var pf = PDFJS.getDocument('./helloworld.pdf')
pf.then(function(pdf) {
pdf.getPage(1).then(function(page) {
var scale = 1.5;
var viewport = page.getViewport(scale);
//
// Prepare canvas using PDF page dimensions
//
var canvas = document.getElementById('the-canvas');
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
//
// Render PDF page into canvas context
//
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
});
Aber das pdf nicht korrekt angezeigt wird, wenn ich den Browser zeigen zu index.html. Ich möchte, dass der Benutzer in der Lage ist, eine PDF-Datei auf seinem Computer auszuwählen und diese im Browserfenster anzuzeigen.
Sie können ein Problem haben das lokale Dateisystem zugreifen. Wie bedienen Sie/greifen Sie darauf zu? 'http:'? 'Datei:'? – Joe
Ich nehme auch an, dass ein zusätzlicher Backtick in Zeile 3 ein Tippfehler ist. – Joe
@Joe Ich greife darauf über Datei zu: Ich weiß nicht, warum es wichtig wäre, ob ich über http: oder Datei darauf zugreife: immerhin ist es JavaScript und sollte so oder so funktionieren. – badanomaly