在modal中打開pdf文件可能嗎？

Question

我正在考慮以模態打開pdf文件。目前正在使用

@Html.ActionLink("open file", "Download") 

打開另一個窗口。我想它填充到一個div，以便我可以在模態或覆蓋查看。

我確定jquery解決方案以及目前我的jQuery返回一些字節字符。

function openfile() { 
    $.ajax({ 
     url: '@Url.Action("Download", "mycontroller")', 
     type: "POST", 
     dataType: "application/pdf", 
     success: function (data) { 
      $('#showpdf').html(data); 
     }, 
     error: function (err) { 
      alert(err) 
     } 
    }); 
} 

動作控制器：

public ActionResult Download() 
{ 
    string path = HttpContext.Server.MapPath("/pdf/service_reports/SR26175.pdf"); 
    return File(path, "application/pdf"); 
} 

Answer 1

另一種方式來做到這一點是從JSON請求通過PDF路徑，然後使用對象的模態DIV中：

<object id="myPdf" type="application/pdf" data="path/file.pdf"></object> 

---

function openfile() { 
    $.ajax({ 
     url: '@Url.Action("Download", "mycontroller")', 
     type: "POST", 
     dataType: "application/json", 
     success: function (data) { 
      $('#showpdf').html('<object id="myPdf" type="application/pdf" data="' + data.path +'"></object>'); 
     }, 
     error: function (err) { 
      alert(err) 
     } 
    }); 
} 

---

public ActionResult Download() 
{ 
    string path = HttpContext.Server.MapPath("/pdf/service_reports/SR26175.pdf"); 
    return Json(new {path = path}); 
} 

---

編輯： 爲了更好的用戶在不同的瀏覽器體驗，也許不支持object標籤，我們可以使用object與embed標籤作爲後備：

<object data="/path/file.pdf" type="application/pdf" width="700px" height="700px"> 
    <embed src="/path/file.pdf"> 
     This browser does not support PDFs. Please download the PDF to view it: <a href="/path/file.pdf">Download PDF</a>.</p> 
    </embed> 
</object>