将 Webview2 Source 直接设置为二进制 stream

Question

我的应用程序中有一个 Webview2 控件，用于查看 PDF 个文档。
该应用程序还存储和读取 MS SQL 服务器 PDF 数据。

目前，我正在从 SQL 中检索二进制数据，将它们转换为临时文件到磁盘并设置：

webview2.source = New Uri("file://" + filename)

到目前为止一切正常，但我当然想在不写入和读取磁盘的情况下完成这项工作。

有没有办法在不访问磁盘的情况下做同样的事情？

更新（按照推荐），我试过的。 为了更好地理解部分代码：

                Dim fieldOrdinal = reader.GetOrdinal(ColumnName)
                reader.Read()
                Dim blob = New Byte(reader.GetBytes(fieldOrdinal, 0, Nothing, 0, 0) - 1) {}
                reader.GetBytes(fieldOrdinal, 0, blob, 0, blob.Length)

                Dim pdfBase64 As String = Convert.ToBase64String(blob)
                Dim html As String = "<!DOCTYPE html><html><head></head><body><div>" & $"<iframe width=100% height=500 src=\" & Chr(&H22) & "data:Application/pdf;base64,{pdfBase64}\" & Chr(&H22) & ">" & "</iframe></div></body></html>"

webview2控件显示一个框架，但没有内容

最终更新：这里是（正确的）VB 翻译和工作代码：

Dim html As String = "<!DOCTYPE html><html><head></head><body><div>" & $"<iframe width=100% height=500 src=""data:Application/pdf;base64,{pdfBase64}"">" & "</iframe></div></body></html>"

Answer 1

您可以将IFRAME作为 Base64 嵌入到 IFRAME 中，与嵌入图像的方式相同。
在这种情况下，mime 类型当然是application/pdf 。
使用Convert.ToBase64String()将源 PDF 字节转换为 Base64，使用标准 HTML5 header 并将IFRAME和/或DIV容器设置为所需大小。

使用WebView2.NavigateToString()方法加载带有嵌入式 PDF 的 HTML：

见备注部分：目前内容的大小不能超过2097152字节（2MB）

string pdfBase64 = Convert.ToBase64String([Your PDF bytes]);

string html = "<!DOCTYPE html><html><head></head><body><div>" +
    $"<iframe width=100% height=500 src=\"data:application/pdf;base64,{pdfBase64}\">" +
    "</iframe></div></body></html>";

webView2.NavigateToString(html);

VB.Net 版本：

Dim pdfBytes = [DataReader].GetSqlBytes([DataReader].GetOrdinal("[Column Name]")).Value
Dim pdfBase64 As String = Convert.ToBase64String(pdfBytes)

Dim html As String = "<!DOCTYPE html><html><head></head><body><div>" &
    $"<iframe width=100% height=500 src=""data:Application/pdf;base64,{pdfBase64}"">" &
    "</iframe></div></body></html>"

webView2.NavigateToString(html)

iframe的大小不应该这样设置，您应该使用 CSS styles（可能还有一个简单的 JavaScript 来处理包含您的 PDF 的 Window 大小的后期重新定义）。
您可以构建一个简单的 HTML 模板并按照说明填写 Base64 内容。

Answer 2

只是为了最终确定答案。 在我使用的最终版本下方，包括框架 HTML 中的 CSS 以使 pdf 无边框和父webview2的 100% x 100% 大小：

Dim pdfBase64 As String = Convert.ToBase64String(pdfBytes)
Dim html As String = "<!DOCTYPE html><html><head>
                            </head>
                            <style>
                                   body   {margin: 0;}
                                   iframe {display: block; background: #000; border: none; height: 100vh; width: 100vw;}
                            </style>
                            <body>" & $"<iframe src=""data:Application/pdf;base64,{pdfBase64}"">" & "</iframe></body></html>"

将 Webview2 Source 直接设置为二进制 stream

问题描述

2 个解决方案

解决方案1
6 已采纳 2021-08-05 17:27:19

解决方案2
1 2021-08-09 13:15:52

将 Webview2 Source 直接设置为二进制 stream

问题描述

2 个解决方案

解决方案1 6 已采纳 2021-08-05 17:27:19

解决方案2 1 2021-08-09 13:15:52

解决方案1
6 已采纳 2021-08-05 17:27:19

解决方案2
1 2021-08-09 13:15:52