使用 jquery PrintThis 打印文档时找不到图像

Question

我正在使用 jqueryThis 插件打印网页。

我们要打印图片和文字，但是当我们点击打印按钮时，一切正常，但打印页面上仍然找不到图片。

我该如何解决这个问题？

<?php include("header.php");?>
<br /><br /> 
<li><a href="" onClick="return print_student()" >Print</a></li>
<div class="container " id="print_this" style=" color:black; ">
    <div class="container">
        <img src='images/as.jpg' width='50' height='50' />
    </div> 
    <div class="container">Mohsin Mushtaq</div> 
</div>
<script type="text/javascript">
function print_student(){
    $('#print_this').printThis({
        debug: false,
        printContainer:false,
        importCSS: true,
        loadCSS: "http://localhost/erp/css/bootstrap.min.css", 
        canvas: true, 
        base: true,            
        formValues: true,          
    });
    return false;
}
</script>
<?php include("footer.php");?>

Answer 1

您应该在标签中添加完整的 url 示例 http://domain/path/image.jpg

Answer 2

尝试等待片刻（例如 500 毫秒或 2000 毫秒）直到图像可以加载，使用：

 $('#divToPrint').printThis({
        printDelay: 2000, // waiting 2 secondes
        importCSS: true,
        importStyle: true,
        loadCSS: true,
        canvas: true
    });

作为调用 printThis() 时的选项。

使用 jquery PrintThis 打印文档时找不到图像

Image not found when print document using jquery PrintThis

jquery

image

printthis