如何在使用 java 脚本单击按钮时以 PDF 格式下载刀片页面?

Posted

技术标签:

【中文标题】如何在使用 java 脚本单击按钮时以 PDF 格式下载刀片页面?【英文标题】:how to download a blade page in PDF format on click a button using java script? 【发布时间】:2020-12-23 11:32:49 【问题描述】:

我试过了,但没有得到输出

function downloadInnerhtml(filename, elId) 

    var elHtml = $(elId).pdf();
    var link = document.createElement('a');
    var mimeType = mimeType/'pdf';
    link.setAttribute('download', filename);
    link.setAttribute('href','data:' + mimeType + ';charset=utf-8,' +    encodeURIComponent(elHtml));
    link.click();


 $(document).ready(function () 

 $('#download').click(function () 

                downloadInnerHtml(fileName, 'table4');
            );
 );

【问题讨论】:

什么是$(elId).pdf(); 试试这个***.com/questions/6896592/… e1Id是需要下载的div的名字 【参考方案1】:
<a href="#" class="btn btn-primary" onclick='printDiv();'>Download Resume</a>

<div class="section-body" id="DivIdToPrint">
      ....
      ....
</div>

<script>
   function printDiv() 
   
       var divToPrint=document.getElementById('DivIdToPrint');
       var newWin=window.open('','Print-Window');
       newWin.document.open();
       newWin.document.write('<html><head> 'link your used css'</head><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
       newWin.document.close();
       setTimeout(function() newWin.close(); , 10);
   
</script>

【讨论】:

以上是关于如何在使用 java 脚本单击按钮时以 PDF 格式下载刀片页面?的主要内容,如果未能解决你的问题,请参考以下文章

如何让组件在单击按钮时以角度删除自身

如何在按钮单击时以文本格式保存列表视图的所有数据

TCPDF:为啥即使单击不同单元格的按钮,“生成 pdf”按钮也会显示相同的数据?

在 UIButton 单击时以编程方式创建 Segue 或推送到另一个视图控制器

如何通过在html5中单击按钮将网页转换为pdf

如何使用 java 脚本在 MVC 中单击按钮时调用相同的局部视图