如何打開PDF從URL角度來看

因此，目前我有一個PDF文件的列表，顯示在一個頁面上的鏈接到他們的位置。如何在不使用外部庫的情況下下載或查看文件？如何打開PDF從URL角度來看

當前，PDF位置的網址只是打開一個新標籤頁，它是一個空白網頁而不顯示PDF。

我會在下面發佈我的代碼。任何幫助將不勝感激！

<div class="body"> 
        <div class="scroll-container"> 
         <table> 
          <tbody> 
          <tr dir-paginate="action in test | itemsPerPage: 14"> 
           <td class="date"><a href="{{ action.Url }}" target="_blank">{{ action.Name }}</a></td> 
           <!--<td class="date"></td>--> 
          </tr> 
          </tbody> 
         </table> 
        </div> 

        <div class="total-container"> 
         <div class="top"> 
          <div class="pagination"> 
           <dir-pagination-controls></dir-pagination-controls> 
          </div> 
         </div> 
        </div> 
       </div>**strong text**

來源

2016-06-27 Tfish

http://www.unknownerror.org/opensource/angular-app/angular-app/q/stackoverflow/21628378/angularjs-display-blob-pdf-in-an-angular-app –

@NimeshGami多數民衆贊成只是這裏的問題的副本http://stackoverflow.com/questions/21628378/angularjs-display-blob-pdf-in-an-angular-app – Matsemann

我已經試過這個，但不適用於多個瀏覽器 – Tfish

現在，由於目標target="_blank"，在新選項卡中打開pdf。這是默認的瀏覽器行爲。如果您想在同一個選項卡中打開PDF，則可以使用iFrame。

<iframe ng-src="{{action.Url}}" width="800px" height="600px"></iframe>

來源

2016-06-27 09:41:42

在新選項卡中打開就是我想要發生的事情，我似乎無法查看PDF，對不起如果這不是暗示的話。 – Tfish

我設法解決它自己，但謝謝！

<td class="date"><a href="MyIPAddressHere{{ action.Url }}" target="_blank">{{ action.Name }}</a></td>

來源

2016-06-27 10:20:17 Tfish

如何打開PDF從URL角度來看

回答

相關問題