该initialDoc
属性似乎不支持file://
URI 方案。但是,您可以使用 HTML5 的 File API 直接在浏览器中打开 PDF,然后使用 (hidden?)loadLocalFile
函数:
<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>
<script>
$(function()
{
var viewerElement = document.getElementById("viewer");
window.myWebViewer = new PDFTron.WebViewer({
documentId: "pdf",
documentType: "pdf",
path: "lib",
type: "html5",
initialDoc: "GettingStarted.pdf"
}, viewerElement);
});
document.getElementById('files').addEventListener('change', handleFileSelect, false);
function handleFileSelect(e)
{
var files = e.target.files; // FileList object
console.log("Loading file " + files[0].name);
window.myWebViewer.getInstance().loadLocalFile(files[0], {});
}
</script>
WebViewer 在线演示中也演示了这样的功能。请注意,documentId
并且documentType
必须设置"pdf"
为才能正常工作。