如何从图像数据 JavaScript 打印图像答案

【问题标题】：How can print an image from image data JavaScript如何从图像数据 JavaScript 打印图像
【发布时间】：2018-06-11 03:28:46
【问题描述】：

我想通过 PDF 打印图像，我有一个按钮打印：

<input type="button" onclick="PrintImage()" value="Print">

我想打印到如下窗口：

function PrintImage(){
   var myImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABOkAAAKIC.........";
    window.open( myImage );
}

【问题讨论】：

标签： javascript jquery printing

【解决方案1】：

试试这个：

<input type="button" onclick="PrintImage()" value="Print">

<script type="text/javascript">
function PrintImage() {
    var myImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABOkAAAKIC.........";
    var myWindow = window.open("", "Image");
    myWindow.document.write("<img src='"+myImage+"''>");
    myWindow.print();
}
</script>

【讨论】：

【解决方案2】：

这是我为您的问题得到的解决方案.. :D 这可能会对你有所帮助..

    <input type="button" onclick="PrintImage()" value="Print">
<script>
function PrintImage(){
   var myImage = "data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7";
    //var image = new Image();
    //image.src=myImage;
    var myWindow = window.open("", "Image");
    myWindow.document.write('<img src="'+myImage+'"/>');
}
</script>

【讨论】：

谢谢，但结果是：[object HTMLImageElement]
您应该附加图像元素。 myWindow.document.appendChild(图像)