在 webview 控件中显示本地 PDF 文件 - 显示空白 Pdf 文件
Posted
技术标签:
【中文标题】在 webview 控件中显示本地 PDF 文件 - 显示空白 Pdf 文件【英文标题】:display local PDF file in webview control - Displays Blank Pdf File 【发布时间】:2017-11-26 02:50:15 【问题描述】:我正在开发 Xamarin 表单 - UWP。 我想在 webview 控件中显示本地 PDF 文件。我关注了这两个链接:- https://developer.xamarin.com/recipes/cross-platform/xamarin-forms/controls/display-pdf/
Xamarin Forms UWP - Display PDF
它会打开 pdf 文件,但内容都是空白的。 谁能帮我解决我可能缺少的问题?
提前致谢!
这是我的代码:- CustomWebView.cs
public class CustomWebView : WebView
public static readonly BindableProperty UriProperty = BindableProperty.Create(propertyName: "Uri",
returnType: typeof(string),
declaringType: typeof(CustomWebView),
defaultValue: default(string));
public string Uri
get return (string)GetValue(UriProperty);
set SetValue(UriProperty, value);
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:PdfViewer;assembly=PdfViewer"
x:Class="PdfViewer.MainPage"
Padding="0,20,0,0">
<ContentPage.Content>
<local:CustomWebView Uri="samplepdf.pdf" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" />
</ContentPage.Content>
[assembly: ExportRenderer(typeof(PdfViewer.CustomWebView), typeof(CustomWebViewRenderer))]
namespace PdfViewer.UWP
public class CustomWebViewRenderer : WebViewRenderer
protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
base.OnElementChanged(e);
if (e.NewElement != null)
var customWebView = Element as CustomWebView;
Control.Source = new Uri(string.Format("ms-appx-web:///Assets/pdfjs/web/viewer.html?file=0", string.Format("ms-appx-web:///Assets/Content/0", WebUtility.UrlEncode(customWebView.Uri))));
UWP - Assets - pdfjs structure
【问题讨论】:
如果您没有提供任何代码,而只是提供其工作原理的链接,我们如何提供帮助? public class CustomWebView : WebView public static readonly BindableProperty UriProperty = BindableProperty.Create(propertyName: "Uri", returnType: typeof(string), declaringType: typeof(CustomWebView), defaultValue: default(string) );公共字符串 Uri get return (string)GetValue(UriProperty); set SetValue(UriProperty, value); 确保文件构建操作设置为内容。检查您指向文件的 Uri 是否正确。 我已经将它更改为内容,但它仍然是空白的。顺便说一句,我正在尝试上传代码,但它要求我对其进行格式化,我认为它已经格式化。 我已经上传了我的代码和一个图片文件来显示pdf.js和内容文件夹的文件夹结构 【参考方案1】:资产文件夹文件似乎发生了一些事情。当从 nuget 存储库更新时它起作用了。
【讨论】:
感谢您的帮助。你又节省了我一天的时间来弄清楚哪里出了问题。【参考方案2】:当我按照官方文档实现HybridWebView
时遇到了类似的问题。
问题是PDF文件的build action属性不是Content
。
请在您的 uwp 客户端项目中将构建操作设置为 Content
。
【讨论】:
我已经将构建操作更改为内容。它仍然显示空白内容。文件的命名约定是否错误?我知道 android 需要正确的命名约定。以上是关于在 webview 控件中显示本地 PDF 文件 - 显示空白 Pdf 文件的主要内容,如果未能解决你的问题,请参考以下文章
如何在 WebView Android Studio 中打开本地 pdf 文件
在本地使用pdftron Webviewer服务器时无法加载pdf文件