async function downloadPDF() const response = await fetch('/api/generate-pdf', method: 'POST', body: formData ); const contentType = response.headers.get('content-type'); if (contentType.includes('application/json')) const error = await response.json(); showGracefulFailureDialog(error); return;
# DON'T DO THIS output = BytesIO() pdf = canvas.Canvas(output) pdf.drawString(100, 750, "Report") # crash here – user gets zero-byte or partial PDF gracefully broken pdf download
// Frontend / API validation example function validatePDFRequest(data) const issues = []; if (!data.content) issues.push("No content provided"); if (data.content?.length > 500_000) issues.push("Content too large (>500k chars)"); if (data.images?.some(img => img.size > 10_000_000)) issues.push("Image exceeds 10MB limit"); return issues; try: pdf = generate_pdf(data) return pdf except Exception
Some browsers treat 4xx/5xx responses as download failures and show generic "Failed – Network error". Step 3: Graceful Failure Response on Frontend When receiving a JSON error instead of a PDF blob, show a user‑friendly overlay. "error": "code": "PDF_RENDER_ERROR"
Send anonymized failure reports to your analytics.
try: pdf = generate_pdf(data) return pdf except Exception as e: logger.error(f"PDF generation failed: str(e)") return jsonify( "success": False, "error": "code": "PDF_RENDER_ERROR", "message": "Report could not be assembled due to invalid data.", "recoverable": False, "userDataPreserved": True ), 200 # still 200 to avoid download interrupt If PDF fails, offer structured data export.
Content-Type: application/json