html页面的Pdf预览javascript/jQuery

Question

我正在尝试通过单击按钮在HTML页面的javascript中创建一个新页面上的pdf预览。

我想要的是，通过点击页面上的这个按钮，它将在浏览器上打开一个新的标签，其中包含源页面的pdf预览，我将从那里下载pdf。

现在，我已经使用了下面的代码

function printopen() {
    var w = window.open();
    var html = $("#divtoprint").html();
    $(w.document.body).html(html);
    w.print();
}

这将打开一个新的空白页面和弹出窗口。我不想显示弹出窗口，但适当的下载按钮和页面应该包含pdf预览。

实现这一目标的正确方法是什么？

Answer 1

这将在一个新的选项卡中打开pdf预览，您也可以下载它。

在您的window.open中，以参数https://developer.mozilla.org/en-US/docs/Web/API/Window/open的形式给出资源的路径

 function printopen(){

                var w = window.open("path_to_your_file");
                var html = $("#divtoprint").html();
                  $(w.document.body).html(html);
                  w.print();
              }

但请记住，这并不能保证用户可以决定标签是否会出现在新的标签中。