Pdfドキュメントを読み込めませんでした。html-pdf

Question

Thisは、大雑把なリンクです。私はノードを使用してpdfSample.jsを実行し、pdfsample.htmlはpdfに変換する実際のデータであり、generatepdf.htmlはフェッチするために使用されます。

実行すると、エラーFailed to load Pdf Documentが表示されます。私はthis sampleと言いました。なぜ私はそれが動作していない問題を取得していない？

$http.get(url, {responseType: 'arraybuffer'}).then(function successCallback(response){ 
      console.log(response); 
      var file = new Blob([response], {type: 'application/pdf'}); 
      console.log(file); 
      var fileURL = URL.createObjectURL(file); 
      $scope.loading = false; 
      q.resolve(fileURL); 

     }, 
      function errorCallback(response){ 
       $scope.loading = false; 
       q.reject(response); 
      }); 
      /* .success(function (response) { 

      }) 
      .error(function (err) { 

      });*/ 
     return q.promise; 
    }; 

Answer 1

レスポンスオブジェクトではなく実際のデータにBLOBを作成する必要があります。

あなたはnew Blob([response.data], {type: 'application/pdf'})

が必要しかし、あなたはhttp://localhost:8081/api/printpdf1を打ったとき、あなたは、PDFやないエラーを取得していることを確認してください。

$http.get(url, {responseType: 'arraybuffer'}).then(function successCallback(response){ 
 
      console.log(response); 
 
      var file = new Blob([response.data], {type: 'application/pdf'}); 
 
      console.log(file); 
 
      var fileURL = URL.createObjectURL(file); 
 
      $scope.loading = false; 
 
      q.resolve(fileURL); 
 

 
     }, 
 
      function errorCallback(response){ 
 
       $scope.loading = false; 
 
       q.reject(response); 
 
      }); 
 
      /* .success(function (response) { 
 

 
      }) 
 
      .error(function (err) { 
 

 
      });*/ 
 
     return q.promise; 
 
    };