背景
接到一个在Maui中预览Office文件的需求,包含excel、word、PDF三种常见的文件,经过技术选型,最后选择了微软原生支持的office在线预览Api,原因是此技术方案简单、跨平台。在开发过程中碰到了不少问题,所以在此分享在MAUI中预览Offic文件的经验,也希望大家少踩坑。
介绍
微软提供了一个浏览器在线预览Office的Api:在线预览Office文件Api,拼接自己的office文件地址参数后在浏览器中访问即可达到预览效果。
https://view.officeapps.live.com/op/view.aspx?src={your_office_url}
接下来我们按照这个思路在Maui中实现这个效果。
1、新建MAUI Blazor项目
OfficeViewerDemo
2、创建OfficeViewer.razor组件
在Index.razor页面写上demo视图
<iframe src="@($"https://view.officeapps.live.com/op/view.aspx?src={Url}")" frameborder="0" style="height:100vh;width:100%;" />
@code {
[Parameter]
[EditorRequired]
public string Url { get; set; }
}