Save Base64 PDF in Browser Without Server: Client-Side Download Pattern

If the PDF data is already in the browser, sending it back to the server just to download it again is wasted work. This page is specifically about the client-side download pattern after the Base64 string is already in memory.

TL;DR: If the browser already has the Base64 string, decode it locally, wrap it in a Blob, create an object URL, and trigger the download — no extra backend endpoint needed.

Core pattern

function saveBase64Pdf(base64String, fileName = 'document.pdf') {
  const cleanBase64 = base64String.replace(/^data:[^;]+;base64,/, '');
  const binary = atob(cleanBase64);
  const bytes = Uint8Array.from(binary, char => char.charCodeAt(0));
  const blob = new Blob([bytes], { type: 'application/pdf' });
  const url = URL.createObjectURL(blob);

  const link = document.createElement('a');
  link.href = url;
  link.download = fileName;
  link.click();

  URL.revokeObjectURL(url);
}

Why this is different from the generic JavaScript guide

This page focuses on the last mile of the UX: save or preview the file once the browser already has the payload. That avoids:

unnecessary round-trips
temporary server storage
file reprocessing on the backend
extra API endpoints just for download

Preview in an iframe

function previewPdfInIframe(base64String, iframe) {
  const cleanBase64 = base64String.replace(/^data:[^;]+;base64,/, '');
  const binary = atob(cleanBase64);
  const bytes = Uint8Array.from(binary, char => char.charCodeAt(0));
  const blob = new Blob([bytes], { type: 'application/pdf' });
  iframe.src = URL.createObjectURL(blob);
}

When not to do this

Browser-only decode is not ideal when:

files are extremely large
strict auditing requires server control
the PDF must be persisted centrally
the app needs antivirus scanning or document policies

Quick validation path

Before wiring the browser flow, paste the same string into GoGood.dev Base64 Converter. If the tool cannot open it either, the source data is the problem.

FAQ

Can I save Base64 PDF in the browser without Node.js?

Yes. Standard browser APIs are enough.

Do I need FileSaver.js?

No. It can help with convenience, but Blob + object URL already works.

What if the Base64 string includes a data URI prefix?

Strip it before calling atob().

For browser apps, this is the cleanest path: decode locally, create a Blob, download immediately. No server step needed. For quick manual extraction, use GoGood.dev Base64 Converter.