如何解决如何在将表格导出到excel文件时添加水印图像?
我已经用 Html、javascript 和 CSS 编写了代码来查看表格,并添加了一个按钮来将表格的数据和标题导出到 CSV/excel 文件。
我用于导出到 excel 的 javascript 代码是:-
(function () {
"use strict";
window.SR = window.SR || {};
window.SR.TableExport = {
exportCsv: function (table,filename) {
var csvRows = [];
var tableRows = table.querySelectorAll("tr");
for (var row_ix = 0; row_ix < tableRows.length; row_ix++) {
var csvColumns = [];
var tableCells = tableRows[row_ix].querySelectorAll("td,th");
for (var col_ix = 0; col_ix < tableCells.length; col_ix++) {
var text = tableCells[col_ix].innerText;
var span = tableCells[col_ix].getAttribute("colspan") || 1;
if (text.match(/^\d+$/)) {
csvColumns.push(text);
} else {
csvColumns.push('"' + text + '"');
}
for (var extraColumns = 0; extraColumns < span - 1; extraColumns++) {
csvColumns.push('""');
}
}
csvRows.push(csvColumns.join(","));
}
var csv = csvRows.join("\n");
var csvBlob = new Blob([csv],{ type: "text/csv" });
var downloadLink = document.createElement("a");
downloadLink.download = filename;
downloadLink.href = window.URL.createObjectURL(csvBlob);
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
}
};
})();
document.getElementById("exportAll").addEventListener("click",function () {
window.SR.TableExport.exportCsv(_CommunityHealthScores,"Scores.csv");
});
现在我需要在导出时在 CSV/excel 文件中的表格后面添加水印图像。我怎样才能做到这一点?我导出无水印图像的工作示例
https://jsfiddle.net/saLv0jmr/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。