MASA MAUI 预览Office文件

背景

接到一个在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; }
}