PdfViewer

<InputFile OnChange="OnBasicFileChange" accept=".pdf,application/pdf" />

<BitPdfViewer Source="basicSource" />
@code {
    private BitPdfSource basicSource = BitPdfSource.FromUrl("url-to-the-pdf-file.pdf", "file-name.pdf");
    
    // or from in-memory bytes:
    // private BitPdfSource basicSource = BitPdfSource.FromBytes(pdfBytes, "file-name.pdf");
    
    private async Task OnBasicFileChange(InputFileChangeEventArgs e)
    {
        if (e.FileCount == 0) return;
    
        const long maxSize = 512 * 1024 * 1024;
        if (e.File.Size <= 0 || e.File.Size > maxSize) return;
    
        using var stream = e.File.OpenReadStream(maxAllowedSize: maxSize);
        var bytes = new byte[(int)e.File.Size];
        await stream.ReadExactlyAsync(bytes);
    
        basicSource = BitPdfSource.FromBytes(bytes, e.File.Name);
    }
}
                    

<BitButton IsEnabled="plainSource is null"
           OnClick='() => plainSource = BitPdfSource.FromUrl("url-to-the-pdf-file.pdf", "file-name.pdf")'>Load document</BitButton>

<BitPdfViewer Source="plainSource" ShowToolbar="false" Height="600px" />
@code {
    private BitPdfSource? plainSource;
}
                    

<BitButton IsEnabled="canvasSource is null"
           OnClick='() => canvasSource = BitPdfSource.FromUrl("url-to-the-pdf-file.pdf", "file-name.pdf")'>Load document</BitButton>

<InputFile OnChange="OnCanvasFileChange" accept=".pdf,application/pdf" />

<BitPdfViewer Source="canvasSource" RenderMode="BitPdfRenderMode.Canvas" />
@code {
    private BitPdfSource? canvasSource;
    
    private async Task OnCanvasFileChange(InputFileChangeEventArgs e)
    {
        if (e.FileCount == 0) return;
    
        const long maxSize = 512 * 1024 * 1024;
        if (e.File.Size <= 0 || e.File.Size > maxSize) return;
    
        using var stream = e.File.OpenReadStream(maxAllowedSize: maxSize);
        var bytes = new byte[(int)e.File.Size];
        await stream.ReadExactlyAsync(bytes);
    
        canvasSource = BitPdfSource.FromBytes(bytes, e.File.Name);
    }
}
                    

<BitButton IsEnabled="eventsSource is null"
           OnClick='() => eventsSource = BitPdfSource.FromUrl("url-to-the-pdf-file.pdf", "file-name.pdf")'>Load document</BitButton>

<BitPdfViewer Source="eventsSource"
              OnDocumentLoaded='() => eventsLog.Add("Document loaded")'
              OnPageChanged='p => eventsLog.Add($"Page changed: {p}")'
              OnError='e => eventsLog.Add($"Error: {e}")' />

<div>Events:</div>
<div style="max-height:8rem;overflow:auto">
    @foreach (var log in Enumerable.Reverse(eventsLog).Take(5))
    {
        <div>@log</div>
    }
</div>
@code {
    private BitPdfSource? eventsSource;
    
    private readonly List<string> eventsLog = [];
}
                    

<BitButton IsEnabled="publicApiSource is null"
           OnClick='() => publicApiSource = BitPdfSource.FromUrl("url-to-the-pdf-file.pdf", "file-name.pdf")'>Load document</BitButton>

<div style="display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center">
    <BitButton OnClick="() => pdfViewerRef.GoToPage(1)">First</BitButton>
    <BitButton OnClick="() => pdfViewerRef.PrevPage()">Prev</BitButton>
    <BitTag Variant="BitVariant.Outline" Text="@($"{pdfViewerRef?.CurrentPage}/{pdfViewerRef?.PageCount}")" Color="BitColor.Info" />
    <BitButton OnClick="() => pdfViewerRef.NextPage()">Next</BitButton>
    <BitButton OnClick="() => pdfViewerRef.GoToPage(pdfViewerRef.PageCount)">Last</BitButton>
    <BitButton OnClick="() => pdfViewerRef.ZoomOut()">Zoom -</BitButton>
    <BitButton OnClick="() => pdfViewerRef.ZoomIn()">Zoom +</BitButton>
    <BitButton OnClick="() => pdfViewerRef.RotateClockwise()">Rotate</BitButton>
    <BitButton OnClick="() => pdfViewerRef.Print()">Print</BitButton>
</div>

@* BackgroundRendering offloads parse/render to a worker thread when the runtime
   has one (Blazor Server, or a WASM app built with WasmEnableThreads). *@
<BitPdfViewer @ref="pdfViewerRef" BackgroundRendering
              Source="publicApiSource"
              ShowToolbar="false"
              OnDocumentLoaded="StateHasChanged"
              OnPageChanged="_ => StateHasChanged()" />
@code {
    private BitPdfSource? publicApiSource;
    
    private BitPdfViewer pdfViewerRef = default!;
}