index.html

<!DOCTYPE html>
<html>
	<head>
	  <meta charset="utf-8">
	  <title>PDF to Image Demo</title>
    <style>
      html,
      body {
        font-family: helvetica;
      }
    </style>
	</head>
	<body>
	  <script src="dist/pdf-to-image-dist.js"></script>
		<script src="pdfjs/pdf.min.js"></script>

    <h2> Select a file</h2>
    <h3> Page events will be logged in the console </h3>
    <input id="file" type="file" accept="application/pdf"></input>
    <br>
	  <script>
      var pdfToImage = new PdfToImage();

      document.getElementById("file").addEventListener("change", function() {
        fileReader = new FileReader();
        fileReader.onload = ev => {
          pdfToImage.toImages(fileReader.result);
        }
        fileReader.readAsArrayBuffer(this.files[0]);
      })

      pdfToImage.addListener('page', function(result) {
        console.log(result);
      });
		</script>
	</body>
</html>