我在我的网站上显示缩小尺寸的图像。我希望能够点击该图像,并打开全尺寸图像并打印出来。我在网上看过几个例子,但都是指打印出正在显示的图像。我需要将全尺寸的图像打开并打印以便清晰。在此先感谢在网站上打印图像
Q
在网站上打印图像
-3
A
回答
1
可以隐藏另一分区内较大的图像和打印图像,而不是像
<script type="text/javascript">
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
<img src="images/smaller-img.jpg" />
<a href="#" onClick="printDiv('largeimg')">Print</a>
<div id="largeimg" style="display:none;">
<img src="images/larger-img.jpg">
</div>
0
HTML代码
<iframe id="ifrmPrint" src="#" style="width:0pt; height:0pt; border: none;"></iframe>
<td colspan="2" align="center"><input onclick="print_imgs();" class="button" type="button" title="Print all the images which are displayed in slide show" value="Print All"></td>
JAVA SCRIPT
function img_find() {
var imgs = document.getElementsByTagName("img");
var imgSrcs = [];
for (var i = 0; i < imgs.length; i++) {
imgSrcs.push(imgs[i].src);
}
return imgSrcs;
}
function print_imgs(){
var imgSrcs = img_find();
try{
var print_frame = document.getElementById('ifrmPrint');
var print_doc = (print_frame.contentWindow || print_frame.contentDocument);
if (print_doc.document) print_doc = print_doc.document;
// Write printable content
print_doc.write("<html><head>");
print_doc.write("<title>printing all images</title>");
print_doc.write('</head><body onload="this.focus(); this.print();">');
for(var i=0; i< imgSrcs.length; i++){
print_doc.write("<img src='" + imgSrcs[i] + "' /><br>");
}
print_doc.write("</body></html>");
print_doc.close();
}
catch(e){
alert("printint in error state");
self.print();
}
}
+4
您能否解释_how_这回答了这个问题? – Ben 2014-09-22 13:07:23
相关问题
- 1. 无法在网站上打印内容
- 2. 如何在打印机上打印背景图像水印
- 3. 打印图像
- 4. 网站上的图像
- 5. 如何在热敏打印机上打印大图像
- 6. 从perl网站打印头
- 7. .net从网站打印?
- 8. 网站打印和flash
- 9. 从网站打印信封?
- 10. 打印OSC网站的URL
- 11. 在网页上打印HTML
- 12. 在网站上以JavaScript服务图像
- 13. 在网站上使用WebP图像
- 14. 如何在网站上生成图像?
- 15. 在网站上显示owncloud图像
- 16. 在Flex中打印图像
- 17. 图像裁剪并与网站上的水印结合
- 18. 网站图像
- 19. 打印PHP图像
- 20. 在Android上打开网站
- 21. C#打印文档打印图像
- 22. 打印按钮打印附加图像
- 23. 如何从Java打印Zebra卡片打印机上的图像
- 24. IFRAME tiff图像打印并不打印全图像
- 25. rake db:在我的网站上打印的种子信息
- 26. 在网站上创建可打印页面的可靠方法
- 27. 是否可以在网站上打印DOS字符?
- 28. 打印图像通过蓝牙打印机打印字符串
- 29. 使打印机打印出网站背景
- 30. HTML/CSS:我如何让网站上的图像出现在其他网站上?
我已经尝试使用javascript:image.print,但它只会打印正在显示的图像,这是缩略图版本 – syllable3 2012-08-10 01:58:13
最简单的方法是做target = _blank和window.print()?不知道是否会有另一个可以将它们结合在一起的选项 – syllable3 2012-08-10 02:04:14