I want to display a PDF file with the following code. So far everything works fine, the file 'Test.pdf' opens. Now I want to be able to select a file via an "File-Open" dialog.
I tried different approaches and was able to get a "file-open"-dialog to select a file. But I don't know how to open the file in the viewer. Can anyone help me with this?
How do I create the dialog and pass the file to the viewer?
<html>
<head>
</head>
<body>
<iframe id="viewer"></iframe>
<script>
page = 1;
let reader = new FileReader();
function updateViewerURL() {
let viewer = document.getElementById('viewer');
viewer.src = reader.result;
}
reader.addEventListener('load', updateViewerURL);
fetch('Test.pdf')
.then(response => response.blob())
.then(blob => {
reader.readAsDataURL(blob.slice(0, blob.size, 'application/pdf'));
});
</script>
</body>
</html>