ASP.NET MVC 項目直接預(yù)覽PDF文件

更新時間：2017年02月24日 14:55:42 作者：空港碼頭

本文主要介紹了ASP.NET MVC項目實現(xiàn)直接預(yù)覽PDF文件的方法，具有很好的參考價值，下面跟著小編一起來看下吧

背景及需求

項目使用的是MVC4框架，其中有一個功能是根據(jù)設(shè)置生成PDF文件，并在點擊時直接預(yù)覽。

實現(xiàn)過程

1、第一版實現(xiàn)代碼：

HTML內(nèi)容

@{
 Layout = null;
}

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

控制器代碼

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

缺點：標(biāo)題和文件下載時名稱不是很友好。

1、第二版實現(xiàn)代碼：

我們做了2件事情：

1、讓下載彈出框能顯示友好的下載文件名。

2、讓瀏覽器中的其他兩個顯示GetPdf的地方也顯示友好的內(nèi)容。

自定義ActionFilter，對Header進(jìn)行修改，變?yōu)閮?nèi)聯(lián)。（直接這么替換不知道會不會有隱患。）

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實現(xiàn)對Action名稱的攔截和判斷。

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

控制器內(nèi)代碼修改如下

[MyActionNameSelecter]
 [MyPdfActionFilter]
 public ActionResult GetPdf()
 {
  return new FilePathResult("~/content/The Garbage Collection Handbook.pdf", "application/pdf")
  //增加FileDownloadName設(shè)置，但是這會讓內(nèi)容以附件的形式響應(yīng)到瀏覽器（具體參考文件響應(yīng)模式：內(nèi)聯(lián)和附件）。
  //文件變成被瀏覽器下載。
  { FileDownloadName = "The Garbage Collection Handbook.pdf" };
 }

頁面內(nèi)容修改如下

@{
 Layout = null;
}
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width" />
 <title>Index</title>
</head>
<body>
 <div> 
 @* 第二個參數(shù)可能是一個動態(tài)生成的內(nèi)容，需要ACTION中增加名稱選擇攔截，所以自定義了一個ActionNameSelectorAttribute類滿足要求。 *@
 @Html.ActionLink("預(yù)覽PDF", "The Garbage Collection Handbook-PDF文件預(yù)覽", null,new { target="_blank"})
 </div>
</body>
</html>

最終效果