/** @jsxImportSource https://esm.sh/react */ import React, { useState } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; import { PDFDocument } from "https://esm.sh/pdf-lib"; function App() { const [file, setFile] = useState(null); const [pdfUrl, setPdfUrl] = useState(null); const handleFileChange = (e: React.ChangeEvent) => { const selectedFile = e.target.files?.[0]; if (selectedFile) { setFile(selectedFile); } }; const convertToPdf = async () => { if (!file) return; const formData = new FormData(); formData.append('image', file); try { const response = await fetch(import.meta.url, { method: 'POST', body: formData }); if (response.ok) { const blob = await response.blob(); const url = URL.createObjectURL(blob); setPdfUrl(url); } } catch (error) { console.error('Conversion failed', error); } }; return (

🖼️ Image to PDF Converter

{pdfUrl && (

Download PDF

)}

View Source

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { if (request.method === 'POST') { const formData = await request.formData(); const imageFile = formData.get('image') as File; if (!imageFile) { return new Response('No image uploaded', { status: 400 }); } const arrayBuffer = await imageFile.arrayBuffer(); const pdfDoc = await PDFDocument.create(); const page = pdfDoc.addPage(); const img = await pdfDoc.embedJpg(new Uint8Array(arrayBuffer)); const pageWidth = page.getWidth(); const pageHeight = page.getHeight(); const imgScale = Math.min( pageWidth / img.width, pageHeight / img.height ); page.drawImage(img, { x: (pageWidth - img.width * imgScale) / 2, y: (pageHeight - img.height * imgScale) / 2, width: img.width * imgScale, height: img.height * imgScale }); const pdfBytes = await pdfDoc.save(); return new Response(pdfBytes, { headers: { 'Content-Type': 'application/pdf', 'Content-Disposition': 'attachment; filename=converted.pdf' } }); } return new Response(` Image to PDF Converter

`, { headers: { 'Content-Type': 'text/html' } }); }

image2pdf