Question

我正在使用typescript和html在同一页面的弹出/对话框中显示webservice调用的结果为pdf。

我可以使用window.open（url）方法在新选项卡中打开此pdf。我正面临着在弹出窗口中显示相同内容的挑战。

感谢您的帮助。

要在新窗口中显示的代码：

     this.http.post(pdfServiceUrl, body)
      .subscribe(pdfData => {            
        var pdfResult = pdfData['_body'];
        var blob = new Blob([pdfResult], {type: 'application/pdf'});
        fileURL = URL.createObjectURL(blob);
        var pdfWindow = window.open(fileURL, );
      });

对话框的HTML代码：

<dialog id="favDialog">
    <div>
      <h4 style=" align-content: center;"> PDF Data </h4>
    </div>     
    <div id="results"></div>
    <menu>
      <button class="button"  id="cancel" type="reset">OK</button>
    </menu>
  </dialog>

我尝试在对话框中显示相应的ts代码：

var favDialog = <any>document.getElementById('favDialog');
favDialog.fileURL= fileURL;
favDialog.showModal();

仅显示＆＃34; PDF数据＆＃34;和一个＆＃34; ok＆＃34;弹出窗口中的按钮。

用于发布问题的javascript格式的道歉被阻止，错误：＆＃34; Stack Overflow需要来自另一个域的外部JavaScript，该域被阻止或无法加载。＆＃34;

Answer 1

您也可以使用对我非常有用的标签。

在弹出/对话框html，打字稿中将Diplay blob作为pdf

1 个答案: