Javascript 如何从datatables列图像打印或转换为PDF

Javascript 如何从datatables列图像打印或转换为PDF,javascript,html,datatables,Javascript,Html,Datatables,我想以如下格式导出datatables ------------------------------------ sr | id | name | phone | photo ------------------------------------ 1 | s12 | John | 9874563210 | Image ------------------------------------- 像这样: HTML代码: <table id="example23" cl

我想以如下格式导出datatables

------------------------------------
sr | id  | name |  phone     |  photo
------------------------------------
1  | s12 | John | 9874563210 | Image 
-------------------------------------
像这样:

HTML代码:

<table id="example23" class="display nowrap" cellspacing="0" width="100%">
<thead>
 <tr>
  <th>Sr. No</th>
  <th>id</th>
  <th>Name</th>
  <th>Phone Number</th>
  <th>Photo</th>
 </tr>
</thead>
<tbody>
<?php 
$sr=0;
$sql = "SELECT * FROM `user` ORDER BY `name ASC ";
$result = mysqli_query ($connect, $SQL);
if (mysqli_num_rows ($result) > 0) {
while ($fieldinfo=mysqli_fetch_object ($result)
{
 $sid=$fieldinfo->sid;
 $name=$fieldinfo->name;
 $phone=$fieldinfo->phone;
 $photo = $fieldinfo->photo;
 $sr=$sr+1;
?>
 <tr>
  <td><?PHP echo $sr?></td>
  <td><?PHP echo $sid?></td>
  <td><?PHP echo $name?></td>
  <td><?PHP echo $phone?></td>
  <td><img src="upload/photo/<?PHP echo $photo;?>" onError="this.onerror=null;this.src='images/placeholder.png';" style="height: 80px;"></td>
 </tr>
<?PHP }?>
</tbody>
</table>

导出表格时,“照片”列仍为空。但是图像显示在数据表中。我想显示导出文件(PDF)中的所有图像。我正在使用datatables.net库


这是我的小提琴

我现在可以使用库解决这个图像打印问题。它很容易实现

首先,我们需要在页面上包含Print.js库

 <script src="print.js"></script>
<link rel="stylesheet" type="text/css" href="print.css"> 

如果要使用模式功能,请在页面上包含Print.css

 <script src="print.js"></script>
<link rel="stylesheet" type="text/css" href="print.css"> 

就这样。现在,您可以在页面中使用Print.js

使用页面上的按钮,如

<button type="button" class="dt-button buttons-print" onclick="printJS({ printable: 'table_print', type: 'html', header: 'Title' })">Print</button>
<div class="table-responsive" id="table_print">
<!-- Your Table here -->
</div>

打印

希望这也能帮助其他人。

请在问题中添加您用于实现此要求的代码。@Marcourelio Fernandezreyes请提供帮助。我已经编辑了这个问题。我正在获取除导出文件(print/pdf)Pratapamitingh上的照片以外的所有值,感谢您更新您的问题,但是,在您的代码中,
$phone
和相关变量被赋值的位置不可见。
$photo
的值是多少?。此外,考虑检查<代码> .OnCalrase= NULLU/<代码>,或者如果在F12 DEV工具-控制台上有任何错误。@ MarcoAurelioFernandezReyes将是一个长代码,这就是为什么我不添加代码的一部分。我正在以这样的方式获取php页面中的所有值。但同样的照片列是空的导出文件(只需要在打印和pdf格式),我不能进入链接页面,抱歉-这就是为什么我要求你添加代码在这里。能否添加
$photo
值的示例例如,它是base64字符串?-示例:打印:
echo$photo
,并将结果添加到问题中。