我有一些小图片,每个都有一个“打印大图”链接。
例如:
<img src="thumb.jpg">
<a href="#">Print Larger Image</a>
当用户点击“打印大图”链接时,我的目标是触发“big.jpg”的打印。
如何做到这一点?
编辑:ANTHONY 为我提供了正确的解决方案。我稍微修改了他的代码以使其正常工作。这是完整的工作代码
<style>
@media screen {
.printimage {
display: none;
}
}
@media print {
body * {
display: none;
}
.printimage {
display: block;
}
}
</style>
<a id="bigimage" href="#">Print Big Image</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#bigimage").click(function() {
$("body").append("<img src='http://sstatic.net/so/img/logo.png' class='printimage' >");
window.print();
});
});
</script>
最佳答案
<a href="javascript:window.Print(); return false;">Print Larger Image</a>
这将打印当前页面,但要添加到 JoostK 的答案,请重定向到图像:
<a href="page.php?image=big.jpg">Print Larger Image</a>
然后在page.php中,载入你的图片,然后在body onload事件中,调用window.print();
编辑:
要让用户停留在同一页面上,我认为这是不可能的,但您可以做的是:
<a href="page.php?image=big.jpg" target="_blank">Print Larger Image</a>
然后在调用 window.print();
之后你可以调用 window.close();
(这可能会弹出一个对话框,说明浏览器想要关闭当前窗口没问题,或者类似的东西)
关于php - 如何创建触发文件打印的链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1509100/