web-dev-qa-db-ja.com

anglejsを使用してブラウザの新しいウィンドウでPDFを開きます

angular jsを初めて使用し、ボタンを押した後、ブラウザの新しいウィンドウでPDFドキュメントを開きたい。

フロントエンドで$http.get()を使用してGETリクエストを作成し、バックエンドでGETに応答してPDFを生成するJavaレストサービスがあります。これを開きたい= PDFブラウザーで。

この方法でPDFを開くことができない場合、少なくともAngularJsでPDFを開きます。どうすればこれを実行できますか?

@GET
@Path("/printPdf")
public Response printService(){

//generates the pdf

File reportFile = new File(filePath);
String name = reportName + "." + "pdf";
ResponseBuilder response = Response.ok(new     TemporaryFileInputStream(reportFile));
response.header("Content-Disposition", "attachment; filename=" + name);
response.header("Content-Type", "application/pdf");
response.header("Access-Control-Expose-Headers", "x-filename");
response.header("x-filename", name);

return response.build();
}

これが、残りのサービスで応答を生成するバックエンドにあるものです。

11
DarkAngeL

このようなものがある場合:

var myPdfUrl = 'something'
$http.get(myPdfUrl);

代わりにこれを行います:

var myPdfUrl = 'something'  
$window.open(myPdfUrl);

代わりに次のようなものがある場合:

$http
    .get(generatePdfUrl)
    .then(function(data){
        //data is link to pdf
    });     

これを行う:

$http
    .get(generatePdfUrl)
    .then(function(data){
        //data is link to pdf
        $window.open(data);
    });         
17
Mathew Berg

あなたがこのようなものを持っている場合、これが役立つかもしれません:

$http.get('generatePdfUrl')
  .then(function (data) {     // data is your url
      var file = new Blob([data], {type: 'application/pdf'});
      var fileURL = URL.createObjectURL(file);
  });

次に、コントローラーでサービスを使用して、

$window.open(fileURL);
15
carton