Blazor WASM 通过将大型 pdf 拆分为流来加载和显示它们

Question

我正在开发 Blazor WASM 应用程序，我希望我的用户能够在包含附加信息的特定页面上轻松打开 pdf 文件。我不能自己分发这些文件或将它们上传到任何类型的服务器。每个用户必须自己提供。

因为文件高达 60MB，我无法将上传的文件转换为 base64 并按照描述显示它们 here。

但是我不必显示整个文件，只需加载所需的页面 +- 周围的一些页面。

为此，我尝试使用 iText7 ExtractPageRange()。答案表明，我必须覆盖 GetNextPdfWriter() 方法并将所有流存储在一个集合中。

class ByteArrayPdfSplitter : PdfSplitter {
public ByteArrayPdfSplitter(PdfDocument pdfDocument) : base(pdfDocument) {
}

protected override PdfWriter GetNextPdfWriter(PageRange documentPageRange) {
    CurrentMemoryStream = new MemoryStream();
    UsedStreams.Add(CurrentMemoryStream);
    return new PdfWriter(CurrentMemoryStream);
}

public MemoryStream CurrentMemoryStream { get; private set; }

public List<MemoryStream> UsedStreams { get; set; } = new List<MemoryStream>();

然后我想我可以合并这些流并将它们转换为 base64

var file = loadedFiles.First();

    using (MemoryStream ms = new MemoryStream())
    {
        var rs = file.OpenReadStream(maxFileSize);
        

        await rs.CopyToAsync(ms);

        ms.Position = 0;

        //rs needed to be converted to ms, because the PdfReader constructer uses a 
        //synchronious read that isn't supported by rs and throws an exception.
        PdfReader pdfReader = new PdfReader(ms);
        
        var document = new PdfDocument(pdfReader);
        var splitter = new ByteArrayPdfSplitter(document);
        
        var range = new PageRange();
        range.AddPageSequence(1, 10);
        
        var splitDoc = splitter.ExtractPageRange(range);

        //Edit commented this out, shouldn't have been here at all leads to an exception
        //splitDoc.Close();

        var outputMs = new MemoryStream();

        foreach (var usedMs in splitter.UsedStreams)
        {
            usedMs.Position = 0;
            outputMs.Position = outputMs.Length;
            await usedMs.CopyToAsync(outputMs);
        }
        
        var data = outputMs.ToArray();
        
        currentPdfContent = "data:application/pdf;base64,";
        currentPdfContent += Convert.ToBase64String(data);
        pdfLoaded = true;
    }

但这不起作用。有没有人建议如何让它工作？或者我可以尝试更简单的解决方案。

编辑：

我在调试中仔细查看了结果流 outputMs 似乎总是空的。所以这可能是我如何拆分 pdf 的问题。

Answer 1

在至少部分消除了我对无法从 blazor WASM 访问文件系统意味着什么的误解之后，我设法找到了一个可行的解决方案。

        await using MemoryStream ms = new MemoryStream();
        var rs = file.OpenReadStream(maxFileSize);

        await using var fs = new FileStream("test.pdf", FileMode.Create)
                
        fs.Position = 0;

        await rs.CopyToAsync(fs);
        fs.Close();
            
        string path = "test.pdf";
        string range = "10 - 15";
        var pdfDocument = new PdfDocument(new PdfReader("test.pdf"));
        var split = new MySplitter(pdfDocument);
        var result = split.ExtractPageRange(new PageRange(range));
        result.Close();


        await using var splitFs = new FileStream("split.pdf", FileMode.Open))
        await splitFs.CopyToAsync(ms);

        var data = ms.ToArray();
            
        var pdfContent = "data:application/pdf;base64,";
        pdfContent += System.Convert.ToBase64String(data);
        Console.WriteLine(pdfContent);

        currentPdfContent = pdfContent;

使用答案中的 MySplitter Class。

    class MySplitter : PdfSplitter
    {
        public MySplitter(PdfDocument pdfDocument) : base(pdfDocument)
        {
        }

        protected override PdfWriter GetNextPdfWriter(PageRange documentPageRange)
        {
            String toFile = "split.pdf";
            return new PdfWriter(toFile);
        }
    }

Blazor WASM 通过将大型 pdf 拆分为流来加载和显示它们

Blazor WASM Load and display large pdfs by splitting them as streams

c#

pdf

itext

blazor-webassembly