Question

当用户按下提交按钮时，我使用xepOnline Formatter库将特定div保存为PDF文件。我在这里询问如何在保存的文件上显示一个在屏幕上看不到的部分。有关详细信息，请参阅下面的内容，其中包含一个包含图像和图像的div。一张桌子。屏幕上我想要显示没有图像的表格。图像应该出现在下载的文件中。

HTML

<div class="confirmation" id="output">
  <img src="image.jpg" class="noScreen" />
   <h3>Thank you. Your booking has been confirmed</h3>
    <table>
     <tr><td><b>Title</b></td><td>Name</td></tr>
    </table>
</div>
<button id="cmd">Download Invoice As PDF</button>

的CSS

@media screen
{
.noPrint{}
.noScreen{display:none;}
}
@media print
{
.noPrint{display:none;}
.noScreen{}
}

的JavaScript

$('#cmd').click(function () {
return xepOnline.Formatter.Format('output',{render:'download'});
});

有人可以找到办法吗？

Answer 1

您可以使用媒体查询语法进行打印命令显示您的div。

@media print 
{ 
.noPrint{display:none;} 
.noScreen{display:block;} 
}

如何将div下载为PDF但在屏幕上隐藏它时如何显示部分

1 个答案: