ASP.NET MVC 项目直接预览PDF文件

159 阅读 0 评论 105 点赞

我是靠谱客的博主温婉薯片，最近开发中收集的这篇文章主要介绍ASP.NET MVC 项目直接预览PDF文件，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

背景及需求

项目使用的是MVC4框架，其中有一个功能是根据设置生成PDF文件，并在点击时直接预览。

实现过程

1、第一版实现代码：

HTML内容

@{
 Layout = null;
}

<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>Index</title>
</head>
<body>
 <div> 
 @Html.ActionLink("预览PDF","GetPdf",null,new { target="_blank"})
 </div>
</body>
</html>

控制器代码

 public ActionResult GetPdf()
 {
  return new FilePathResult("~/content/The Garbage Collection Handbook.pdf", "application/pdf");
 }

缺点：标题和文件下载时名称不是很友好。

1、第二版实现代码：

我们做了2件事情：

1、让下载弹出框能显示友好的下载文件名。

2、让浏览器中的其他两个显示GetPdf的地方也显示友好的内容。

自定义ActionFilter，对Header进行修改，变为内联。（直接这么替换不知道会不会有隐患。）

public class MyPdfActionFilter : ActionFilterAttribute
 {
 public override void OnResultExecuted(ResultExecutedContext filterContext)
 {
  //Content-Disposition=attachment%3b+filename%3d%22The+Garbage+Collection+Handbook.pdf%22}
  var filerHeader = filterContext.HttpContext.Response.Headers.Get("Content-Disposition");
  if (!string.IsNullOrEmpty(filerHeader) && filerHeader.Substring(0, "attachment".Length).ToLower().Equals("attachment"))
  {  filterContext.HttpContext.Response.Headers["Content-Disposition"] = "inline" + filerHeader.Substring("attachment".Length, filerHeader.Length - "attachment".Length);
  }
 }
 }

自定义ActionNameSelector实现对Action名称的拦截和判断。

public class MyActionNameSelecter : ActionNameSelectorAttribute
 {
 public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)
 {
  return actionName.Contains("-PDF文件预览");
 }
 }

控制器内代码修改如下

[MyActionNameSelecter]
 [MyPdfActionFilter]
 public ActionResult GetPdf()
 {
  return new FilePathResult("~/content/The Garbage Collection Handbook.pdf", "application/pdf")
  //增加FileDownloadName设置，但是这会让内容以附件的形式响应到浏览器（具体参考文件响应模式：内联和附件）。
  //文件变成被浏览器下载。
  { FileDownloadName = "The Garbage Collection Handbook.pdf" };
 }

页面内容修改如下

@{
 Layout = null;
}
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>Index</title>
</head>
<body>
 <div> 
 @* 第二个参数可能是一个动态生成的内容，需要ACTION中增加名称选择拦截，所以自定义了一个ActionNameSelectorAttribute类满足要求。 *@
 @Html.ActionLink("预览PDF", "The Garbage Collection Handbook-PDF文件预览", null,new { target="_blank"})
 </div>
</body>
</html>

最终效果