Javascript 如何将相同大小的图像从html表格导出到excel_Javascript_Jquery_Html_Angularjs_Excel

Javascript 如何将相同大小的图像从html表格导出到excel

javascript jquery html angularjs excel

Javascript 如何将相同大小的图像从html表格导出到excel,javascript,jquery,html,angularjs,excel,Javascript,Jquery,Html,Angularjs,Excel,我在从html表导出图像时遇到一些问题。当我点击导出按钮下载html表格作为excel文件时。下载的xls文件具有不同大小的图像。我想导出大小与html表中相同的图像我正在使用下面的代码，请就这个问题给出适当的建议。任何其他建议也很有帮助提前谢谢。我想你可以试试用高度和宽度百分比代替pixcel 如果您的html视图的百分比不正确，那么您可以在pixcel中显示html，并且当您要导出它时，您将更新为百分比请检查此js bin，调整导出excel所需的百分比大小，当您在web上显示为p

我在从html表导出图像时遇到一些问题。当我点击导出按钮下载html表格作为excel文件时。下载的xls文件具有不同大小的图像。我想导出大小与html表中相同的图像

我正在使用下面的代码，请就这个问题给出适当的建议。任何其他建议也很有帮助

提前谢谢。

我想你可以试试用高度和宽度百分比代替pixcel

如果您的html视图的百分比不正确，那么您可以在pixcel中显示html，并且当您要导出它时，您将更新为百分比

请检查此js bin，调整导出excel所需的百分比大小，当您在web上显示为pixcel时，请应用pixcel，因此您需要在导出时将pixcel值替换为百分比。抱歉，亲爱的，这里不会提供执行，您将获得想法/建议。现在你需要用手来执行这个建议。如果不工作，请编辑自己并在此处显示。我根据你以前的建议编辑了我的代码，但都不起作用。

<style>
table,th,td
{
border:2px solid red;
border-collapse:collapse;
}
</style>

</head>
<body>
<br/>
<br/>
<div id="divTable">
<center>
    <table>
<caption>Person Information</caption>
<tr>
<th>Name</th>
<th>Gender</th>
<th>contact</th>
<th>Image</th>
</tr>
<tr>
<td rowspan="4"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3rlUFLRgsZ9kWB2DHyelOZdsRn6vXm2HlXKULG5qfYQZVYSrClw" alt="Flowers in Chania" width="80px" height="80px"></td>
<td >Male</td>
<td>7665716415</td>
<td>image</td>
</tr>
<tr>
<td >Male</td>
<td>7665716415</td>
<td>image</td>
</tr>
<tr>
<td >Male</td>
<td>7665716415</td>
<td><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS58D5NJFzmB2W_6tdzSVIJdHd8o_aACbV2Dh5AUHbODb62Q0r8Ew" alt="Abdevilliers" width="50px" height="50px"></td>
</tr>
<tr>
<td colspan="2">Male</td>
<td>image</td>
</tr>
</table>
</center>
</div>
<br/>
<br/>
<center>
<button id="myButton">Export Table data into Excel</button>
</center>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>  
$("#myButton").click(function() {
    window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#divTable').html()));
});
</script>
</body>
</html>