A simple library to extract text and images from PDF files.
npm install sinsintro-pdf-extractorBelow are examples of how to use the sinsintro-pdf-extractor library to extract text and images from a PDF file.
To extract text from a PDF file, you can use the extractTextFromPdf function:
import { extractTextFromPdf } from 'sinsintro-pdf-extractor';
const handleFile = async (file) => {
const text = await extractTextFromPdf(file);
console.log('Extracted text:', text);
};
// Example usage with a file input element
document.getElementById('fileInput').addEventListener('change', (event) => {
const file = event.target.files[0];
handleFile(file);
});To extract images from a PDF file and optionally resize them, use the extractImagesFromPdf function:
import { extractImagesFromPdf } from 'sinsintro-pdf-extractor';
const handleFile = async (file) => {
const images = await extractImagesFromPdf(file, 800, 800); // Resizing images to max 800x800
console.log('Extracted images:', images);
// Display the images in the DOM
const imageContainer = document.getElementById('imageContainer');
images.forEach((base64Image, index) => {
const imgElement = document.createElement('img');
imgElement.src = `data:image/png;base64,${base64Image}`;
imgElement.alt = `Extracted Image ${index + 1}`;
imgElement.style.maxWidth = '100%';
imageContainer.appendChild(imgElement);
});
};
// Example usage with a file input element
document.getElementById('fileInput').addEventListener('change', (event) => {
const file = event.target.files[0];
handleFile(file);
});If you want to try the code examples above in an HTML file, here’s how you could set it up:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PDF Extractor Demo</title>
</head>
<body>
<h1>PDF Extractor Demo</h1>
<input type="file" id="fileInput" accept="application/pdf">
<div id="imageContainer"></div>
<script type="module">
// Your JavaScript code goes here
</script>
</body>
</html>MIT License