Convertitore da Base64 a PDF

Copiare il Base64 da una risposta API

I servizi che generano fatture, etichette di spedizione, report o contratti firmati spesso restituiscono il PDF all’interno di un JSON, per esempio {"filename": "label.pdf", "data": "JVBERi0..."}. Copia solo il testo tra le virgolette dopo il nome del campo e fai attenzione a questi dettagli:

• Barre con escape. Alcune librerie JSON, tra cui json_encode di PHP, scrivono ogni / come \/. Poiché / è un normale carattere Base64, sostituisci \/ con / prima di incollare, oppure analizza prima il JSON e copia il valore.
• Virgolette e virgole. Escludi le virgolette che racchiudono il valore e l’eventuale virgola finale.
• A capo. Spazi e a capo reali all’interno del Base64, come in un valore spezzato ogni 76 caratteri, non sono un problema e non vanno rimossi. Le sequenze letterali \n o \r\n nel JSON grezzo sono un’altra cosa: contengono caratteri barra rovesciata e vanno eliminate.

Copiare il valore dalla vista già analizzata negli strumenti per sviluppatori del browser evita tutti questi problemi di escape.

Estrarre un allegato PDF da un’email

Gli allegati email sono memorizzati in Base64 all’interno del messaggio grezzo. Apri il sorgente del messaggio ("Mostra originale" in Gmail, "Sorgente messaggio" in Thunderbird, "Sorgente originale" in Apple Mail) e trova la parte le cui intestazioni includono Content-Type: application/pdf (oppure application/octet-stream con un nome di file .pdf) e Content-Transfer-Encoding: base64. Copia il blocco che inizia dopo la riga vuota sotto queste intestazioni e termina prima della riga successiva che inizia con --, cioè il delimitatore MIME. Incollalo qui così com’è: gli a capo vengono ignorati.

Mostrare un PDF in Base64 nella tua web app

Quando il tuo front end riceve un PDF in Base64 e deve visualizzarlo, un URL Blob è più affidabile di un data URI, che alcuni browser si rifiutano di aprire in una nuova scheda:

const bytes = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
const blob = new Blob([bytes], { type: 'application/pdf' });
const url = URL.createObjectURL(blob);
window.open(url); // oppure usalo come src di un <iframe>

Chiama URL.revokeObjectURL(url) quando il documento non serve più, per liberare la memoria. Tieni presente che atob accetta solo l’alfabeto Base64 standard, quindi converti prima l’input sicuro per URL (- e _).