Joe*_*Joe 4 javascript printing image
我想用javascript打印图像。所以我用这个代码在新窗口中打开图像并打印：
win = window.open(img.src,"_blank");
win.onload = function() { win.print(); }
这适用于默认图像文件：
<img id="image1" src="myimage.jpg">
但是当我用从磁盘读取的图像数据替换默认图像时：
var fileElem = document.getElementById("fileElem").files[0];
var reader = new FileReader();
reader.onload = function(event) {
img.src = event.target.result;
};
reader.readAsDataURL(fileElem);
然后打开新窗口并打印 - 图像在新窗口中显示良好，但未进行任何打印操作。如何使 win.print() 工作？
小智 5
好的！
我在 Chrome 上试过这个，效果很好：
<html>
<head>
<script language="javascript" type="text/javascript">
function printImage() {
var fileElem = document.getElementById("fileElem").files[0];
var reader = new FileReader();
reader.onload = function(event) {
var html = "<html><head>" +
"</head>" +
"<body style ='-webkit-print-color-adjust:exact;'>"+
"<img src=\"" + event.target.result + "\" onload=\"javascript:window.print();\"/>" +
"</body>";
var win = window.open("about:blank","_blank");
win.document.write(html);
};
reader.readAsDataURL(fileElem);
}
</script>
</head>
<body>
<input type="file" id="fileElem"/>
<button onclick="printImage()">PRINT</button>
</body>
</html>
问候。