Scribd
Upload
32 views1 page

PDF to HTML Viewer Tool

This document is an HTML template for a PDF to HTML viewer. It includes a file input for uploading PDF files and uses JavaScript to render the PDF pages onto a canvas element. The script checks for valid PDF files and displays each page in the specified container after rendering.

Uploaded by

lifanmohammed77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
32 views1 page

PDF to HTML Viewer Tool

This document is an HTML template for a PDF to HTML viewer. It includes a file input for uploading PDF files and uses JavaScript to render the PDF pages onto a canvas element. The script checks for valid PDF files and displays each page in the specified container after rendering.

Uploaded by

lifanmohammed77
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

doctype html>
<html>
<head>
<title>pdf to html viewer</title>
<style>
canvas{
border:1px solid;
margin-bottom:20px;
}
</style>
</head>
<body>
<h2>pdf to html render</h2>
<input type="file" id="fileinput" accept="application/pdf"/>
<div id="pdf container"></div>
<script>
[Link]('fileInput').addEventListener('change',function(e){
const file=[Link][0];
if(file&&[Link]==='application/pdf')
{
const fileReader=new FileReader();
[Link]=function()
{
const typearray=new uint8Array([Link]);
[Link](typearray).[Link](async function(pdf){
const container=[Link]('pdfContainer');
[Link]='';
for(let pageNum=1;pagNum<=[Link];pageNum++){
const page=[Link](pageNum);
const viewpot=[Link]({scale:1.5});
const canvas=[Link]('canvas');
const context=[Link](2d');
[Link]=[Link];
[Link]=[Link];
await [Link]({canvasContext:context,viewport}).promise;
[Link](canvas);
}
});
};
[Link](file);
}else
{
alert('please upload a valid file');
}
});
</script>
</body>
</html>

You might also like