在单独的窗口中打开 PDF

Question

我尝试在单独的窗口中下载/打开 PDF 文件，但当前 PDF 文件在同一窗口中打开

这就是我的尝试

<script type="text/javascript">

      //$(function sumdata() {
      function mypdf() {

          $('#tabledata').tableExport({ type: 'pdf', escape: 'false' });
          window.open(mypdf);
      }
      //});

       </script>
<a  href="#"    id="pdf" onclick="mypdf()"   style="background-color: #3399FF;color: #FFFFFF;font-weight: bold;display:none;font-size: medium;PADDING: 15px;margin: 12px;"">EXPORT TO PDF</a>

当我尝试这个window.open(mypdf,'_blank') 时显示一个错误

HTTP Error 404.0 - Not Found
The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

Most likely causes:
The directory or file specified does not exist on the Web server.
The URL contains a typographical error.
A custom filter or module, such as URLScan, restricts access to the file.

Things you can try:
Create the content on the Web server.
Review the browser URL.
Check the failed request tracing log and see which module is calling SetStatus. For more information, click here.

Detailed Error Information:
Module     IIS Web Core
Notification       MapRequestHandler
Handler    StaticFile
Error Code     0x80070002
Requested URL      http://localhost:33578/function mypdf() { $('
Physical Path      C:\Users\Administrator\Documents\MIS\chart_project\chart_project\function mypdf() { $('
Logon Method       Anonymous
Logon User     Anonymous
Request Tracing Directory      C:\Users\Administrator\Documents\CHART_PROJECT

More Information:
This error means that the file or directory does not exist on the server. Create the file or directory and try the request again.
View more information »

表格导出js 检查此链接

table export

Answer 1

target 属性指定打开链接文档的位置

<a  href="#"  target="_blank"   id="pdf" onclick="mypdf()"   style="background-color: #3399FF;color: #FFFFFF;font-weight: bold;display:none;font-size: medium;PADDING: 15px;margin: 12px;"">EXPORT TO PDF</a>

否则使用

var url = "Your link";    
window.open(url, '_blank');

Answer 2

表格导出似乎不支持在新页面中打开选项。默认情况下，此插件使用 window.open 函数但未指定目标：

defaults.type == 'csv' || defaults.type == 'txt'
window.open('data:application/'+defaults.type+';filename=exportData;' + base64data);
...
defaults.type == 'sql'
window.open('data:application/sql;filename=exportData;' + base64data);
.....

您可以尝试扩展默认行为并为窗口添加目标选项。使用您正在使用的代码，它永远不会打开一个新窗口，因为此行为是在插件中完成的，而不是在您调用它的地方。

编辑

var defaults = {
                        separator: ',',
                        ignoreColumn: [],
                        tableName:'yourTableName',
                        type:'csv',
                        pdfFontSize:14,
                        pdfLeftMargin:20,
                        escape:'true',
                        htmlContent:'false',
                        consoleLog:'false',
                        // add the target to the options
                        target:'_blank'
                };

然后将其添加到所有 window.open 调用中：

 window.open('data:application/'+defaults.type+';filename=exportData;' + base64data,
 defaults.target);

这个没有测试，需要在tableExport.js中添加