2016-09-06 46 views
0

我可以下載該文件,當用戶點擊此鏈接"Click to get your file"。但現在我需要打開PDF文件(如模態窗口)並限制用戶下載文件。如何在ng-click上打開PDF文件而不是在Angularjs中下載?

我的控制器

var resumeJson = { 
     "json":{ 
      "request":{ 
       "candidateid":$rootScope.globals.currentUser.userId, 
       "type":2 
      } 
      } 
     }; 


$scope.getResume = function() { 

     console.log(JSON.stringify(resumeJson)); 
     $scope.resume = UserService.getFile(resumeJson); 
     console.log($scope.resume);  
} 

我的HTML

<div class="grid_3" ng-show="resumeflag==true || uploaded==true" ng-hide="resumeflag==false || uploaded==false"> 
    <a ng-click="getResume()" href="{{resume}}"> 
     <img ng-src="images/resume.png" style="height:4em; width:4em;" ng-click="getResume()" href="{{resume}}">Click to get Your Resume</a> 
</div> 
+0

? –

+0

爲我需要的網頁。 – kalai

回答

0

怎麼樣的iframe?

控制器:

$scope.getResume = function() { 
    UserService.getFile(resumeJson) 
     .then(function(response) { 
      var file = new Blob([response], {type: 'application/pdf', charset:'utf-8'}); 
      var fileURL = URL.createObjectURL(file); 
      $scope.resume = $sce.trustAsResourceUrl(fileURL); 
     }); 
} 

HTML:

<iframe id="resume" src="{{resume}}" onload="setSize()"></iframe> 
<script type="text/javascript"> 
    function setSize() { 
     document.getElementById('resume').style.height = '100%'; 
     document.getElementById('resume').style.width = '100%'; 
    } 
</script> 
你要爲Web或移動
相關問題