2017-04-19 3 views
0

AngularJSアプリ内でPDF文書をプレビューしようとしています。AngularJSアプリケーションでPDfファイルをプレビューする方法は?

私のWeb APIから、私は

コンソールで
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

    <div ng-app="myApp" ng-controller="myCtrl"> 


     <embed ng-src="{{content}}" style="width:200px;height:200px;"></embed> 

    </div> 

    <script> 
     var app = angular.module('myApp', []); 
     app.controller('myCtrl', [ '$scope', '$sce','$http',function($scope,$sce,$http) { 

      $http.get("http://localhost:67845/PdfData") 
      .then(function(response) { 
       console.log(response.data);      
        $scope.content = $sce.trustAsResourceUrl(response.data); 
       }); }]); 
    </script> 

</body> 
</html> 

の下で、私はバイトのデータを見つけることができていますが、何がプレビューされていないとして、私のangularJSコードがある

バイトとして
[Route("PdfData")] 
     [HttpGet] 
     public byte[] GetPdfData() 
     { 
      BlobService bs = new BlobService(); 
      var blobPdfContent = bs.PdfRecordsInBytes("Sample.pdf"); 
      return blobPdfContent; 
     } 

を送信しています....私は行方不明ですか? base64文字列のMIME種類が知られている

コンソール

enter image description here

しかし、ブラウザ

enter image description here

+0

可能な場合は、 '