2016-09-06 28 views
0

このリンクをクリックしたときにファイルをダウンロードできます"Click to get your file"。しかし、今私はPDFファイル(モーダルウィンドウのような)を開き、ユーザーがファイルをダウンロードするのを制限する必要があります。Angularjsでダウンロードする代わりにng-clickでPDFファイルを開くには?

マイコントローラー

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> 
関連する問題